.contact-header{height:76px;padding:0 max(24px,calc((100% - 1160px)/2));display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #ffffff1b;background:#0d0d0f}
.contact-brand{display:flex;align-items:center;gap:11px;font-weight:800;font-size:14px;letter-spacing:.08em;color:#fff}.contact-brand img{width:37px;height:37px;border-radius:10px;object-fit:cover}
.contact-header nav{display:flex;gap:24px;font-size:13px;color:#bfc0c3}.contact-header nav a:hover,.contact-header nav a:focus-visible,.contact-header nav a[aria-current=page],.contact-address:hover{color:#fff}
.contact-main{width:min(100% - 48px,1120px);min-height:calc(100dvh - 138px);margin:auto;padding:clamp(46px,7vw,100px) 0;display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,1.05fr);gap:clamp(28px,5vw,80px);align-items:start}
.contact-intro{padding-top:28px}.contact-eyebrow{font-size:11px;letter-spacing:.18em;font-weight:800;color:#8acdfa}.contact-intro h1{font-size:clamp(44px,6vw,76px);margin:15px 0 16px}.contact-intro p{font-size:16px;line-height:1.7;max-width:430px}.contact-address{display:inline-flex;margin-top:28px;font-size:15px;font-weight:700;color:#9fdcff;overflow-wrap:anywhere}
.contact-card{border:1px solid #ffffff26;background:linear-gradient(145deg,#191a1e,#101114);border-radius:22px;padding:clamp(22px,3vw,34px);box-shadow:0 18px 55px #0007}.contact-card h2{font-size:25px}.contact-card>p{font-size:13px;margin:7px 0 26px}.contact-card form{display:grid;gap:16px}.contact-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}.contact-card label{display:grid;gap:8px;font-size:12px;font-weight:700;color:#e6e8ec}.contact-card input,.contact-card textarea{min-width:0;width:100%;padding:12px 13px;background:#0a0c0f;border:1px solid #ffffff32;border-radius:10px;color:#fff;outline:none;font-size:13px}.contact-card input:focus,.contact-card textarea:focus{border-color:#8acdfa}.contact-card textarea{resize:vertical;line-height:1.6}.contact-card button{padding:13px 17px;display:flex;justify-content:space-between;align-items:center;border:0;border-radius:10px;background:#eef8ff;color:#0c2232;font-size:13px;font-weight:800}.contact-card button:hover{background:#d0efff}.contact-card #contactStatus{font-size:12px;min-height:18px;color:#a6bfce}
.contact-footer{display:flex;justify-content:space-between;gap:20px;padding:19px max(24px,calc((100% - 1160px)/2));border-top:1px solid #ffffff1b;color:#8a8b90;font-size:12px}
.contact-ticket-categories{display:grid;gap:12px;margin-top:28px;max-width:470px}
.contact-ticket-categories .contact-ticket-link{width:100%;margin-top:0;padding:18px;gap:16px;min-height:96px}
.contact-ticket-categories .contact-ticket-link:focus-visible{outline:2px solid #fff;outline-offset:4px;border-color:#fff}
.contact-ticket-icon{width:42px;height:42px;display:flex;align-items:center;justify-content:center;flex-shrink:0;border:1px solid #ffffff24;border-radius:10px;background:#ffffff06;color:#fff}
.contact-ticket-copy{flex:1;min-width:0}
.contact-ticket-categories .contact-ticket-link small{line-height:1.6;font-size:12px}
.contact-ticket-categories .contact-ticket-link>span:last-child{flex-shrink:0;color:#d5d6da}
.contact-intro .contact-ticket-note{margin-top:15px;font-size:12px;color:#93969d}
.contact-footer>div{display:flex;gap:20px;flex-wrap:wrap}
@media(max-width:760px){.contact-main{grid-template-columns:1fr;width:min(100% - 32px,540px);padding:45px 0}.contact-intro{padding:0}.contact-fields{grid-template-columns:1fr}.contact-header{height:auto;min-height:76px;padding:12px 16px;flex-wrap:wrap}.contact-header nav{width:100%;justify-content:space-between;gap:8px;font-size:12px}}
@media(max-width:380px){.contact-ticket-categories .contact-ticket-link{padding:16px 13px;gap:12px}.contact-ticket-icon{width:36px;height:36px}.contact-footer{padding-inline:16px;gap:12px}.contact-footer>div{gap:14px}}
@media(max-width:700px){body .contact-main::before{inset-inline:calc(50% - 50vw)}}