:root{--skh-teal:#17b6b6;--skh-teal-dark:#0e8f8f;--skh-amber:#ffc226;--skh-red:#e34d4d;--skh-dark:#0f1c2e;--skh-muted:#5a6b7b;--skh-border:#e6ebf0}.contact-page{width:100%;padding:60px 18px 90px;background:radial-gradient(circle at 0 0,rgba(23,182,182,.06),transparent 38%),radial-gradient(circle at 100% 12%,rgba(255,194,38,.06),transparent 40%),#f7fafb}.contact-page>.container{width:100%;max-width:1200px;margin:0 auto}.contact-hero-title{text-align:center;font-size:clamp(34px,6vw,58px);font-weight:800;color:var(--skh-dark);margin-top:24px;line-height:1.1}.contact-hero-title span{background:linear-gradient(90deg,var(--skh-teal),var(--skh-teal-dark));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.contact-hero-sub{text-align:center;max-width:640px;margin:16px auto 0;font-size:clamp(15px,2vw,18px);line-height:1.7;color:var(--skh-muted)}.contact-hero-sub strong{color:var(--skh-teal)}.contact-information{width:100%;margin:70px auto 60px;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:26px}.contact-card{position:relative;background:#fff;border:1px solid var(--skh-border);border-radius:18px;padding:34px 26px 28px;display:flex;flex-direction:column;align-items:flex-start;gap:6px;box-shadow:0 8px 24px rgba(5,131,148,.06);transition:transform .35s ease,box-shadow .35s ease}.contact-card:hover{transform:translateY(-6px);box-shadow:0 18px 40px rgba(5,131,148,.14)}.contact-card .contact-icon{display:inline-flex;align-items:center;justify-content:center;width:58px;height:58px;font-size:24px;border-radius:14px;color:var(--ic,var(--skh-teal));background:color-mix(in srgb,var(--ic,#17b6b6) 14%,#fff);margin-bottom:10px}.contact-card h4{font-size:20px;font-weight:700;color:var(--skh-dark);margin:0}.contact-link{display:inline-flex;align-items:center;gap:8px;font-size:16px;color:var(--skh-muted);text-decoration:none;transition:color .2s ease;word-break:break-word}.contact-link:hover{color:var(--skh-teal)}.contact-link--wa svg{color:var(--skh-teal);font-size:18px}.contact-note{font-size:13px;color:#9aa7b2;margin-top:2px}.contact-address{font-size:15px;line-height:1.65;color:var(--skh-muted);margin:0}.contact-section-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:30px;align-items:stretch}.srf-card{background:#fff;border:1px solid var(--skh-border);border-radius:22px;padding:38px 34px;box-shadow:0 14px 40px rgba(5,131,148,.08)}.srf-head{margin-bottom:26px}.srf-eyebrow{display:inline-block;font-size:12px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--skh-teal);background:rgba(23,182,182,.1);padding:5px 14px;border-radius:999px;margin-bottom:12px}.srf-title{font-size:clamp(24px,3vw,30px);font-weight:800;color:var(--skh-dark);margin:0 0 8px}.srf-desc{font-size:15px;color:var(--skh-muted);margin:0}.srf-form{display:flex;flex-direction:column;gap:18px}.srf-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.srf-field{display:flex;flex-direction:column}.srf-field>label{font-size:14px;font-weight:600;color:var(--skh-dark);margin-bottom:7px}.srf-field input[type=email],.srf-field input[type=tel],.srf-field input[type=text],.srf-field textarea{width:100%;padding:13px 15px;font-size:15px;color:var(--skh-dark);background:#f8fafb;border:1.5px solid var(--skh-border);border-radius:12px;outline:none;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.srf-field input::placeholder,.srf-field textarea::placeholder{color:#9aa7b2}.srf-field input:focus,.srf-field textarea:focus{border-color:var(--skh-teal);background:#fff;box-shadow:0 0 0 4px rgba(23,182,182,.12)}.srf-field textarea{resize:vertical;min-height:110px}.srf-field input.is-error,.srf-field textarea.is-error{border-color:var(--skh-red);background:#fff6f6}.srf-error{display:flex;align-items:center;gap:5px;font-size:13px;color:var(--skh-red);margin-top:6px;animation:srf-shake .32s ease}.srf-error:before{content:"⚠";font-size:12px}@keyframes srf-shake{0%,to{transform:translateX(0)}25%{transform:translateX(-4px)}75%{transform:translateX(4px)}}.srf-dropdown{position:relative;width:100%}.srf-dropdown-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 15px;font-size:15px;text-align:left;color:#9aa7b2;background:#f8fafb;border:1.5px solid var(--skh-border);border-radius:12px;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.srf-dropdown-trigger.has-value{color:var(--skh-dark)}.srf-dropdown-trigger.is-open{border-color:var(--skh-teal);background:#fff;box-shadow:0 0 0 4px rgba(23,182,182,.12)}.srf-dropdown-trigger.is-error{border-color:var(--skh-red);background:#fff6f6}.srf-dropdown-caret{font-size:13px;color:var(--skh-teal);transition:transform .25s ease;flex-shrink:0}.srf-dropdown-trigger.is-open .srf-dropdown-caret{transform:rotate(180deg)}.srf-dropdown-menu{position:absolute;top:calc(100% + 8px);left:0;width:100%;list-style:none;margin:0;padding:6px;background:#fff;border:1px solid var(--skh-border);border-radius:14px;box-shadow:0 16px 38px rgba(15,28,46,.14);z-index:30;max-height:280px;overflow-y:auto;opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity .2s ease,transform .2s ease,visibility .2s}.srf-dropdown-menu.is-open{opacity:1;visibility:visible;transform:translateY(0)}.srf-dropdown-option{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 13px;font-size:14.5px;color:var(--skh-dark);border-radius:9px;cursor:pointer;transition:background .15s ease,color .15s ease}.srf-dropdown-option:hover{background:rgba(23,182,182,.1);color:var(--skh-teal-dark)}.srf-dropdown-option.is-selected{background:rgba(23,182,182,.14);color:var(--skh-teal-dark);font-weight:600}.srf-dropdown-check{color:var(--skh-teal);font-size:12px}.srf-radio-group{display:grid;grid-template-columns:1fr 1fr;gap:10px}.srf-radio{display:flex;align-items:center;gap:10px;padding:11px 13px;border:1.5px solid var(--skh-border);border-radius:12px;background:#f8fafb;cursor:pointer;transition:border-color .2s ease,background .2s ease;user-select:none}.srf-radio:hover{border-color:rgba(23,182,182,.5)}.srf-radio input{position:absolute;opacity:0;pointer-events:none}.srf-radio-box{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border:2px solid #cfd8df;border-radius:6px;background:#fff;flex-shrink:0;transition:all .2s ease}.srf-radio-box svg{font-size:10px;color:#fff;opacity:0;transform:scale(.5);transition:all .2s ease}.srf-radio-label{font-size:14px;color:var(--skh-dark)}.srf-radio input:checked~.srf-radio-box{background:var(--skh-teal);border-color:var(--skh-teal)}.srf-radio input:checked~.srf-radio-box svg{opacity:1;transform:scale(1)}.srf-radio:has(input:checked){border-color:var(--skh-teal);background:rgba(23,182,182,.07)}.srf-cal{position:relative;width:100%}.srf-cal-trigger{width:100%;display:flex;align-items:center;gap:10px;padding:13px 15px;font-size:15px;text-align:left;color:#9aa7b2;background:#f8fafb;border:1.5px solid var(--skh-border);border-radius:12px;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.srf-cal-trigger.has-value{color:var(--skh-dark)}.srf-cal-trigger.is-open{border-color:var(--skh-teal);background:#fff;box-shadow:0 0 0 4px rgba(23,182,182,.12)}.srf-cal-trigger-icon{color:var(--skh-teal);font-size:15px;flex-shrink:0}.srf-cal-trigger>span{flex:1}.srf-cal-caret{font-size:13px;color:var(--skh-teal);transition:transform .25s ease;flex-shrink:0}.srf-cal-trigger.is-open .srf-cal-caret{transform:rotate(180deg)}.srf-cal-pop{position:absolute;top:calc(100% + 8px);left:0;width:320px;max-width:100%;padding:16px;background:#fff;border:1px solid var(--skh-border);border-radius:18px;box-shadow:0 18px 44px rgba(15,28,46,.16);z-index:40;opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity .2s ease,transform .2s ease,visibility .2s}.srf-cal-pop.is-open{opacity:1;visibility:visible;transform:translateY(0)}.srf-cal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.srf-cal-month{font-size:15px;font-weight:700;color:var(--skh-dark)}.srf-cal-nav{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;font-size:13px;color:var(--skh-teal);background:rgba(23,182,182,.1);border:none;border-radius:10px;cursor:pointer;transition:background .2s ease,color .2s ease,opacity .2s ease}.srf-cal-nav:hover:not(:disabled){background:var(--skh-teal);color:#fff}.srf-cal-nav:disabled{opacity:.35;cursor:not-allowed}.srf-cal-weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin-bottom:6px}.srf-cal-weekdays span{text-align:center;font-size:12px;font-weight:600;color:#9aa7b2;padding:4px 0}.srf-cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.srf-cal-cell{aspect-ratio:1/1;display:inline-flex;align-items:center;justify-content:center;font-size:14px;color:var(--skh-dark);background:transparent;border:none;border-radius:10px;cursor:pointer;transition:background .18s ease,color .18s ease,transform .18s ease}.srf-cal-cell.is-empty{cursor:default}.srf-cal-cell:hover:not(:disabled):not(.is-empty){background:rgba(23,182,182,.14);color:var(--skh-teal-dark)}.srf-cal-cell:disabled{color:#cdd6dd;cursor:not-allowed}.srf-cal-cell.is-today:not(.is-selected){border:1.5px solid var(--skh-teal);color:var(--skh-teal-dark);font-weight:600}.srf-cal-cell.is-selected{background:linear-gradient(120deg,var(--skh-teal),var(--skh-teal-dark));color:#fff;font-weight:700;transform:scale(1.04);box-shadow:0 6px 16px rgba(23,182,182,.4)}.srf-cal-footer{display:flex;justify-content:space-between;gap:10px;margin-top:14px;padding-top:12px;border-top:1px solid var(--skh-border)}.srf-cal-action{flex:1;padding:9px 12px;font-size:13.5px;font-weight:600;color:var(--skh-teal-dark);background:rgba(23,182,182,.1);border:none;border-radius:10px;cursor:pointer;transition:background .2s ease,color .2s ease}.srf-cal-action:hover{background:var(--skh-teal);color:#fff}.srf-cal-action--clear{color:var(--skh-red);background:rgba(227,77,77,.1)}.srf-cal-action--clear:hover{background:var(--skh-red);color:#fff}.srf-submit{display:inline-flex;align-items:center;justify-content:center;gap:9px;margin-top:6px;padding:15px 26px;font-size:16px;font-weight:700;color:#fff;background:linear-gradient(120deg,var(--skh-teal),var(--skh-teal-dark));border:none;border-radius:14px;cursor:pointer;box-shadow:0 10px 26px rgba(23,182,182,.32);transition:transform .25s ease,box-shadow .25s ease}.srf-submit:hover{transform:translateY(-2px);box-shadow:0 16px 34px rgba(23,182,182,.42)}.srf-submit svg{transition:transform .25s ease}.srf-submit:hover svg{transform:translateX(4px)}.contact-map-card{background:#fff;border:1px solid var(--skh-border);border-radius:22px;padding:22px;box-shadow:0 14px 40px rgba(5,131,148,.08);display:flex;flex-direction:column}.contact-map-head{display:flex;align-items:center;gap:14px;margin-bottom:18px}.contact-map-pin{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;font-size:22px;border-radius:14px;color:var(--skh-red);background:rgba(227,77,77,.12);flex-shrink:0}.contact-map-head h3{font-size:20px;font-weight:700;color:var(--skh-dark);margin:0}.contact-map-head p{font-size:14px;color:var(--skh-muted);margin:2px 0 0}.contact-map-frame{flex:1;border-radius:16px;overflow:hidden;border:1px solid var(--skh-border);min-height:360px}.contact-map-frame iframe{width:100%;height:100%;min-height:360px;border:0;display:block}.contact-map-directions{display:inline-flex;align-items:center;justify-content:center;gap:8px;margin-top:16px;padding:13px 22px;font-size:15px;font-weight:600;color:var(--skh-dark);background:var(--skh-amber);border-radius:12px;text-decoration:none;transition:transform .25s ease,box-shadow .25s ease,background .25s ease}.contact-map-directions:hover{transform:translateY(-2px);background:#ffce4d;box-shadow:0 10px 24px rgba(255,194,38,.4)}.contact-map-directions svg{transition:transform .25s ease}.contact-map-directions:hover svg{transform:translateX(4px)}.swal-anim-in{animation:swal-pop .4s cubic-bezier(.16,1,.3,1)}.swal-anim-out{animation:swal-fade .2s ease forwards}@keyframes swal-pop{0%{transform:scale(.85) translateY(12px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}@keyframes swal-fade{to{transform:scale(.92);opacity:0}}@media (max-width:992px){.contact-section-grid{grid-template-columns:1fr}.contact-map-frame{min-height:320px}}@media (max-width:600px){.contact-information{margin:50px auto 40px;gap:20px}.srf-card{padding:26px 20px}.srf-row{gap:18px}.srf-radio-group,.srf-row{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.contact-card,.contact-map-directions,.srf-dropdown-caret,.srf-dropdown-menu,.srf-submit{transition:none}.swal-anim-in,.swal-anim-out{animation:none}}