.contact-page{background:linear-gradient(#f8fbff 0%,#f3f7ff 100%);min-height:100vh;margin-top:-1.5rem}.contact-hero-banner{width:100vw;margin-left:-50vw;margin-right:-50vw;position:relative;left:50%;overflow:hidden}.contact-hero-picture{aspect-ratio:3;width:100%;display:block;position:relative;overflow:hidden}.contact-hero-img{object-fit:cover;object-position:center center;width:100%;height:100%;display:block}.contact-hero-banner:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0f214599 0%,#0f214526 100%);position:absolute;inset:0}.contact-shell{box-sizing:border-box;width:100%;max-width:1240px;margin:0 auto;padding:2rem .9rem 2.5rem}.contact-intro{text-align:center;margin-bottom:1.5rem}.contact-intro h1{color:#0f2145;margin-bottom:.7rem;font-family:Times New Roman,Times,serif;font-size:clamp(2rem,3vw,2.7rem);font-weight:800}.contact-intro p{color:#1d1e1f;max-width:900px;margin:0 auto;font-size:1rem;line-height:1.7}.contact-grid{grid-template-columns:minmax(0,1.02fr) minmax(0,1fr);align-items:start;gap:1rem;display:grid}.contact-side{flex-direction:column;gap:1.2rem;min-width:0;display:flex}.contact-card{box-sizing:border-box;background:#fff;border:1px solid #0f214514;border-radius:24px;overflow:hidden;box-shadow:0 18px 45px #0f214514}.contact-info-card{color:#fff;background:linear-gradient(135deg,#0f2145 0%,#173b6c 100%)}.contact-info-card h2,.contact-info-card h3,.contact-form-card h3{color:#fff;margin-bottom:.7rem;font-size:1.3rem;font-weight:700}.contact-info-card p,.contact-info-card a{color:#ffffffe6;margin:0;line-height:1.7}.contact-detail-list{gap:.5rem;margin-top:.6rem;display:grid}.contact-detail-item{border-top:1px solid #ffffff29;padding:.85rem 0}.contact-detail-item:first-child{border-top:0;padding-top:0}.contact-card-body{box-sizing:border-box;padding:1.25rem}.contact-image-body{padding:1.25rem}.contact-side-image{object-fit:cover;border-radius:.375rem;width:100%;height:192px;display:block}.contact-note{text-align:justify;margin:0;line-height:1.6}.contact-form-card{text-align:left;min-width:0;padding:0}.contact-form-card .contact-card-body{padding:1.25rem}.contact-form-card .form-label{text-align:left;color:#0f2145;margin-bottom:.45rem;font-weight:600;display:block}.contact-form-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.contact-form-card .contact-field,.contact-form-card .form-select{text-align:left;box-sizing:border-box;width:100%}.contact-field{color:#102848;background:#f9fbff;border:1px solid #dfe7f6;border-radius:10px;padding:.6rem .85rem;transition:border-color .2s,box-shadow .2s}.contact-field:focus{background:#fff;border-color:#ff4f6d;outline:none;box-shadow:0 0 0 4px #ff4f6d1f}.contact-submit{color:#fff;background:linear-gradient(135deg,#ff4f6d 0%,#ff5d78 100%);border:none;border-radius:999px;min-height:44px;padding:.8rem 1.5rem;font-weight:700;transition:transform .2s,box-shadow .2s}.contact-submit:hover{transform:translateY(-1px);box-shadow:0 10px 24px #ff4f6d33}.contact-submit:disabled{opacity:.8}.contact-status-area{min-height:0}.contact-status-area.has-message{min-height:58px}.contact-alert{border:0;border-radius:14px;margin-bottom:1rem;padding:.95rem 1rem}@media (width<=960px){.contact-grid{grid-template-columns:1fr}}@media (width<=768px){.contact-hero-picture{aspect-ratio:1.08}.contact-hero-img{object-fit:cover;object-position:center center;width:100%;height:100%}.contact-shell{padding:1.4rem .9rem 2rem}.contact-card-body{padding:1rem}.contact-form-row{grid-template-columns:1fr}.contact-image-body{padding:1rem}.contact-side-image{aspect-ratio:400/192;object-fit:contain;width:100%;height:auto}.contact-intro h1{font-size:2rem}.contact-intro p{font-size:.95rem;line-height:1.6}.contact-info-card p{font-size:.95rem}}@media (width<=480px){.contact-shell{padding-left:.75rem;padding-right:.75rem}.contact-card{border-radius:18px}.contact-card-body{padding:.9rem}.contact-intro h1{font-size:1.8rem}.contact-form-card h3,.contact-info-card h3{font-size:1.15rem}}
