:root{color-scheme:dark;--accent:#ff7a1a;--paper:#f4f0e9;--muted:#bdb9b1;--line:#474747;--surface:#17181a;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--paper);background:#101113}
*{box-sizing:border-box}
[hidden]{display:none!important}
body{margin:0}
a{color:inherit;text-underline-offset:.24em}
:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
.contact-top,.contact-bottom,.contact-shell{width:min(100% - 2rem,800px);margin-inline:auto}
.contact-top,.contact-bottom{display:flex;align-items:center;gap:1.25rem;flex-wrap:wrap;padding-block:1.25rem;font-size:.9rem}
.contact-top{justify-content:space-between;border-bottom:1px solid var(--line)}
.contact-top button,.contact-choices a{border:1px solid var(--line);background:transparent;color:var(--paper);font:inherit;padding:.65rem .85rem;border-radius:4px}
.contact-top button{cursor:pointer;color:var(--accent)}
.contact-shell{padding-block:clamp(2rem,6vw,4.5rem)}
.contact-kicker{color:var(--accent);font-size:.8rem;letter-spacing:.12em;font-weight:750;text-transform:uppercase}
.contact-intro h1,.contact-panel h2{letter-spacing:-.045em;line-height:1.05;margin:.45em 0 .3em}
.contact-intro h1{font-size:clamp(2.6rem,7vw,5rem)}
.contact-panel h2{font-size:clamp(1.8rem,4.7vw,3rem)}
.contact-intro>p:not(.contact-kicker),.contact-panel>p:not(.contact-kicker),.contact-note{color:var(--muted);line-height:1.55}
.contact-choices{display:flex;flex-wrap:wrap;gap:.65rem;margin-block:1.5rem}
.contact-choices a{text-decoration:none}
.contact-choices a[aria-current],.contact-choices a:hover{border-color:var(--accent)}
.contact-panel{border:1px solid var(--line);background:var(--surface);padding:clamp(1rem,4vw,2.5rem);scroll-margin-top:1rem;margin-bottom:1rem}
form{display:grid;gap:1rem;margin-top:1.7rem}
.contact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
label{display:grid;gap:.4rem;font-size:.94rem;font-weight:600}
input:not([type=checkbox]),select,textarea{width:100%;min-width:0;color:var(--paper);background:#101113;border:1px solid #666;border-radius:4px;padding:.72rem;font:inherit;min-height:44px}
select {
  appearance: none;
  padding-inline-end: 2.5rem;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m3 6 5 5 5-5' fill='none' stroke='%23f4f0e9' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-position: right 1rem center;
  background-repeat: no-repeat;
  background-size: .875rem;
}
@media (forced-colors: active) {
  select { appearance: auto; background-image: none; }
}
textarea{resize:vertical}
#creator-profiles-hint{color:var(--muted);font-weight:400}
.contact-check{display:flex;align-items:center;gap:.65rem;min-height:44px}
.contact-check input{width:1.25rem;height:1.25rem;accent-color:var(--accent)}
.contact-note,.contact-status{margin:0;font-size:.88rem}
.contact-submit{justify-self:start;cursor:pointer;background:#b74a00;color:#fff;border:0;border-radius:4px;padding:.85rem 1.2rem;font:inherit;font-weight:750;min-height:44px}
.contact-submit:disabled{cursor:wait;opacity:.7}
.contact-status{border-inline-start:3px solid var(--accent);padding:.7rem .8rem;background:#101113;line-height:1.45}
.contact-bottom{border-top:1px solid var(--line);color:var(--muted)}
@media(max-width:560px){.contact-grid{grid-template-columns:1fr}.contact-top,.contact-bottom,.contact-shell{width:calc(100% - 1.5rem)}}

#contact-languages { display: flex; flex-wrap: wrap; gap: .35rem; }

.contact-top .language-trigger { border-radius: 999px; color: var(--paper); }