.contact-form{border:1px solid var(--tone-20);background:var(--tone-10);width:100%;min-width:0;color:var(--tone-100);border-radius:4px;padding:clamp(24px,3vw,42px)}.contact-form__eyebrow{color:var(--muted);letter-spacing:.16em;align-items:center;gap:9px;font-size:10px;display:inline-flex}.contact-form__heading h2{letter-spacing:-.04em;margin:18px 0 14px;font-size:clamp(24px,2.5vw,34px);font-weight:400;line-height:1.2}.contact-form__heading>p{max-width:420px;color:var(--muted);margin:0 0 30px;font-size:12px;line-height:1.85}.contact-form__fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 18px;display:grid}.contact-form__field{gap:10px;min-width:0;display:grid}.contact-form__field--wide{grid-column:1/-1}.contact-form__field label{color:var(--tone-90);font-size:11px;line-height:1.5}.contact-form__optional{color:var(--muted);font-size:9px}.contact-form__field input,.contact-form__field textarea{border:1px solid var(--tone-25);background:var(--tone-10);width:100%;min-width:0;min-height:48px;color:var(--tone-100);font:inherit;border-radius:2px;padding:14px;font-size:12px;line-height:1.7;transition:border-color .16s,background-color .16s}.contact-form__field textarea{resize:vertical;min-height:128px}.contact-form__field input::placeholder,.contact-form__field textarea::placeholder{color:var(--muted);opacity:1}.contact-form__field input:hover,.contact-form__field textarea:hover{border-color:var(--tone-50)}.contact-form :is(input,textarea,button,a):focus-visible,.match-center :is(button,select,a,[role=tabpanel]):focus-visible{outline:2px solid var(--tone-100);outline-offset:4px}.contact-form__note{color:var(--muted);margin:18px 0 24px;font-size:10px;line-height:1.8}.contact-form__submit{border:1px solid var(--tone-95);background:var(--tone-95);width:100%;min-height:52px;color:var(--tone-10);font:inherit;text-align:left;cursor:pointer;border-radius:2px;justify-content:space-between;align-items:center;gap:18px;padding:16px 20px;font-size:12px;transition:background-color .16s;display:flex}.contact-form__submit:hover{background:var(--tone-85)}.contact-form__submit svg{flex-shrink:0}.contact-form__status{border:1px solid var(--tone-30);background:var(--tone-15);gap:10px;margin-top:20px;padding:15px;display:flex}.contact-form__status>svg{flex-shrink:0;margin-top:2px}.contact-form__status p{color:var(--tone-80);overflow-wrap:anywhere;margin:0;font-size:11px;line-height:1.8}.contact-form__status a{color:var(--tone-100);text-underline-offset:3px;text-decoration:underline}.match-center{border:1px solid var(--tone-20);background:var(--tone-10);width:100%;min-width:0;color:var(--tone-100);border-radius:4px;overflow:hidden}.match-center__toolbar{border-bottom:1px solid var(--tone-20);background:var(--tone-10);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;padding:24px 30px;display:flex}.match-center__tabs{border:1px solid var(--tone-25);background:var(--tone-5);border-radius:3px;align-items:center;gap:5px;padding:4px;display:flex}.match-center__tabs button{min-height:44px;color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:2px;justify-content:center;align-items:center;gap:9px;padding:12px 20px;font-size:12px;transition:background-color .16s,color .16s;display:inline-flex}.match-center__tabs button:hover{color:var(--tone-100);background:var(--tone-15)}.match-center__tabs button[aria-selected=true]{background:var(--tone-95);color:var(--tone-10)}.match-center__filters{flex-wrap:wrap;gap:20px;display:flex}.match-center__filter{align-items:center;gap:10px;display:flex}.match-center__filter label{color:var(--muted);font-size:10px}.match-center__select-wrap{position:relative}.match-center__select-wrap select{appearance:none;border:1px solid var(--tone-25);background:var(--tone-10);width:100%;min-height:44px;color:var(--tone-90);font:inherit;cursor:pointer;border-radius:2px;padding:11px 32px 11px 12px;font-size:11px}.match-center__select-wrap>svg{color:var(--muted);pointer-events:none;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.match-center__panel[hidden]{display:none}.match-center__empty{text-align:center;background:radial-gradient(ellipse at 50% 20%, color-mix(in srgb, var(--tone-15) 50.2%, transparent), transparent 65%);flex-direction:column;align-items:center;min-height:380px;padding:56px 24px 48px;display:flex}.match-center__empty-icon{border:1px solid var(--tone-30);background:var(--tone-10);width:70px;height:70px;color:var(--tone-80);border-radius:50%;place-items:center;margin-bottom:26px;display:grid}.match-center__season{color:var(--muted);letter-spacing:.14em;font-size:10px}.match-center__empty h3{letter-spacing:-.03em;margin:15px 0 13px;font-size:clamp(20px,2.6vw,29px);font-weight:400;line-height:1.3}.match-center__empty>p{max-width:430px;color:var(--muted);margin:0;font-size:12px;line-height:1.9}.match-center__actions{flex-wrap:wrap;justify-content:center;gap:12px 26px;margin-top:25px;display:flex}.match-center__actions a{min-height:44px;color:var(--tone-90);align-items:center;gap:8px;font-size:11px;text-decoration:none;display:inline-flex}.match-center__actions a:hover{text-underline-offset:5px;text-decoration:underline}.match-center__actions a:last-child{color:var(--muted)}.match-center__footnote{border-top:1px solid var(--tone-20);color:var(--muted);align-items:center;gap:10px;padding:16px 30px;font-size:10px;line-height:1.7;display:flex}.match-center__footnote>span{background:var(--tone-70);border-radius:50%;flex-shrink:0;width:5px;height:5px;display:block}@media (max-width:760px){.match-center__toolbar{gap:20px;padding:20px}.match-center__tabs{width:100%}.match-center__tabs button{white-space:nowrap;flex:1;gap:5px;min-width:0;padding:12px 6px;font-size:11px}.match-center__tabs button svg{flex-shrink:0}.match-center__filters{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;width:100%;display:grid}.match-center__filter{gap:8px;display:grid}.match-center__empty{min-height:350px;padding:42px 20px 36px}.match-center__footnote{padding:16px 20px}}@media (max-width:480px){.contact-form__fields{grid-template-columns:minmax(0,1fr);gap:18px}.contact-form__field input,.contact-form__field textarea{font-size:16px}.contact-form__field input::placeholder,.contact-form__field textarea::placeholder{font-size:12px}.match-center__select-wrap select{font-size:16px}}@media (prefers-reduced-motion:reduce){.contact-form *,.match-center *{transition:none!important}}
