.contact-page{color:#0f172a;min-height:100vh;font-family:var(--font-ui);background:#f8fafc}.hero-container,.container{max-width:1200px;margin:0 auto;padding:0 24px}.contact-hero{text-align:center;background-color:#0000;background-image:linear-gradient(#ffffffeb 0%,#f8fafceb 100%),url(/images/hero-bg.png);background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;padding:90px 0 70px}.hero-title{color:#0f172a;font-size:clamp(32px,4vw,48px);font-weight:800;font-family:var(--font-brand);margin:0 0 16px}.hero-subtitle{color:#475569;max-width:640px;margin:0 auto;font-size:1rem;line-height:1.7}.contact-info-section{background:#f8fafc;padding:70px 0}.contact-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;display:grid}.contact-card{text-align:left;background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:28px 24px;transition:transform .2s,border .2s;box-shadow:0 18px 40px #0f172a14}.contact-card:hover{border-color:rgba(var(--accent-primary-rgb),.4);transform:translateY(-4px)}.card-icon{color:var(--accent-primary);margin-bottom:16px}.card-title{color:#0f172a;font-size:1.2rem;font-weight:700;font-family:var(--font-brand);margin:0 0 10px}.card-text{color:#0f172a;margin:0 0 8px;font-size:1rem;font-weight:600}.card-subtext{color:#64748b;margin:0;font-size:.875rem;line-height:1.5}.hours-list{text-align:left;margin-top:12px}.hour-item{color:#64748b;justify-content:space-between;margin-bottom:6px;font-size:.875rem;display:flex}.contact-form-section{background:#fff;padding:80px 0}.form-container{max-width:680px;margin:0 auto}.form-header{text-align:left;margin-bottom:28px}.form-title{color:#0f172a;font-size:clamp(24px,3vw,34px);font-weight:700;font-family:var(--font-brand);margin:0 0 10px}.form-subtitle{color:#64748b;font-size:1rem;line-height:1.6}.contact-form{background:#fff;border:1px solid #e2e8f0;border-radius:22px;padding:32px;box-shadow:0 20px 46px #0f172a1a}.form-row{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:18px;display:grid}.form-group{margin-bottom:18px}.form-label{color:#475569;margin-bottom:6px;font-size:.85rem;font-weight:600;display:block}.form-input,.form-select,.form-textarea{color:#0f172a;width:100%;font-size:.95rem;font-family:var(--font-ui);background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:14px;transition:all .3s}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:rgba(var(--accent-primary-rgb),.55);box-shadow:0 0 0 3px rgba(var(--accent-primary-rgb),.14);outline:none}.form-textarea{resize:vertical;min-height:120px}.submit-button{background:var(--accent-primary);color:#fff;cursor:pointer;width:100%;box-shadow:0 14px 28px rgba(var(--accent-primary-rgb),.3);border:none;border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:14px 24px;font-size:1rem;font-weight:700;transition:all .3s;display:flex}.submit-button:hover{background:var(--accent-hover);transform:translateY(-1px)}.map-section{background:#f8fafc;padding:70px 0 90px}.map-title{color:#0f172a;text-align:center;font-size:clamp(22px,3vw,32px);font-weight:700;font-family:var(--font-brand);margin:0 0 30px}.map-container{border:1px solid #e2e8f0;border-radius:22px;overflow:hidden;box-shadow:0 18px 40px #0f172a1a}@media (max-width:900px){.contact-hero{padding:70px 0 60px}.contact-form{padding:26px}}@media (max-width:768px){.contact-grid,.form-row{grid-template-columns:1fr}.form-container{max-width:100%}}@media (max-width:520px){.hero-container,.container{padding:0 18px}.contact-card{padding:24px 20px}.contact-form{padding:22px}}