.contact-page{background:#fff;flex-direction:column;min-height:100svh;display:flex}.contact-hero{text-align:center;background:radial-gradient(at 50% 0,#635bff14,#0000 70%);padding:clamp(48px,8vw,96px) max(24px,50vw - 576px) 48px}.contact-hero-inner{max-width:640px;margin:0 auto}.contact-hero h1{letter-spacing:-.01em;color:#121725;margin:0 0 16px;font-size:clamp(32px,5vw,48px);font-weight:720}.contact-hero p{color:var(--muted,#666a70);margin:0 0 24px;font-size:clamp(16px,2vw,18px);line-height:1.6}.contact-hero-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;font-size:15px;display:inline-flex}.contact-email-link,.contact-phone-link{color:var(--blue,#0b8cff);align-items:center;gap:8px;font-weight:560;text-decoration:none;transition:color .15s;display:inline-flex}.contact-email-link:hover,.contact-phone-link:hover{color:#0a7de6}.hero-divider{color:var(--line,#e7e8eb);user-select:none}.contact-body{flex:1;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);align-items:start;gap:clamp(48px,5vw,72px);max-width:1200px;margin:0 auto;padding:0 max(24px,50vw - 576px) 64px;display:grid}.contact-form-card{border:1px solid var(--line,#e7e8eb);background:#fff;border-radius:16px;padding:36px;box-shadow:0 1px 3px #0000000a,0 4px 16px #00000008}.contact-form-card h2{color:var(--ink,#151925);margin:0 0 24px;font-size:20px;font-weight:700}.form-row{gap:6px;margin-bottom:18px;display:grid}.form-row-full{grid-template-columns:1fr}.contact-form label{color:var(--ink,#202124);font-size:13px;font-weight:600}.contact-form input,.contact-form textarea{border:1px solid var(--line,#e7e8eb);background:var(--soft,#f6f7f9);color:var(--ink,#202124);border-radius:8px;outline:none;width:100%;padding:10px 14px;font-family:inherit;font-size:15px;transition:border-color .15s,box-shadow .15s}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--violet,#635bff);box-shadow:0 0 0 3px #635bff1f}.contact-form input::placeholder,.contact-form textarea::placeholder{color:var(--muted,#666a70)}.contact-form button{background:linear-gradient(135deg, var(--violet,#635bff), var(--pink,#ff4f93));color:#fff;cursor:pointer;border:none;border-radius:8px;width:100%;margin-top:8px;padding:12px 24px;font-size:15px;font-weight:600;transition:opacity .15s,transform .1s}.contact-form button:hover{opacity:.92;transform:translateY(-1px)}.contact-info-cards h2{color:var(--ink,#151925);margin:0 0 20px;font-size:20px;font-weight:700}.info-card{border:1px solid var(--line,#e7e8eb);color:inherit;background:#fff;border-radius:12px;align-items:center;gap:14px;margin-bottom:12px;padding:18px;text-decoration:none;transition:border-color .15s,box-shadow .15s,transform .15s;display:flex}.info-card:hover{border-color:var(--violet,#635bff);transform:translateY(-1px);box-shadow:0 2px 8px #635bff14}.info-card-icon{width:44px;height:44px;color:var(--violet,#635bff);background:linear-gradient(135deg,#635bff1a,#7c48f514);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.info-card-copy{flex:1;min-width:0}.info-card-copy strong{color:var(--ink,#121725);margin-bottom:2px;font-size:15px;font-weight:600;display:block}.info-card-copy small{color:var(--muted,#666a70);font-size:13px;line-height:1.45;display:block}.info-card>svg:last-child{color:var(--line,#e7e8eb);flex-shrink:0;transform:rotate(-90deg)}[dir=rtl] .info-card>svg:last-child{transform:rotate(90deg)}.offices-card{background:var(--soft,#f6f7f9);border:1px solid var(--line,#e7e8eb);border-radius:12px;margin-top:8px;padding:24px}.offices-card h3{color:var(--ink,#121725);margin:0 0 16px;font-size:16px;font-weight:600}.office-entry{border-top:1px solid var(--line,#e7e8eb);flex-direction:column;gap:2px;padding:8px 0;display:flex}.office-entry:first-child{border-top:none;padding-top:0}.office-entry strong{color:var(--ink,#202124);font-size:14px}.office-entry span{color:var(--muted,#666a70);font-size:13px}@media (width<=900px){.contact-body{grid-template-columns:1fr}.contact-form-card{padding:24px}}@media (width<=600px){.contact-hero{padding-top:36px;padding-bottom:36px}.contact-hero-actions{flex-direction:column;gap:10px}}