@font-face { font-family:"Instrument Sans"; src:url("/dashboard/fonts/InstrumentSans-Variable.ttf") format("truetype"); font-display:swap; }
@font-face { font-family:"Inter"; src:url("/dashboard/fonts/inter-400.woff2") format("woff2"); font-weight:400; font-display:swap; }
@font-face { font-family:"Inter"; src:url("/dashboard/fonts/inter-600.woff2") format("woff2"); font-weight:600; font-display:swap; }
:root { color-scheme:dark; --bg:#0f1213; --card:#181c1e; --ink:#eef1f1; --muted:#aab3b6; --line:#363d40; --accent:#4fc1de; --accent-ink:#07191e; --bad:#d97070; --radius:6px; font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
* { box-sizing:border-box; }
body { min-height:100dvh; margin:0; display:flex; flex-direction:column; background:var(--bg); color:var(--ink); font-size:14px; line-height:1.5; }
main { width:min(720px,calc(100% - 32px)); margin:0 auto; padding:72px 0 24px; flex:1; }
header { margin:0 0 54px; }
.eyebrow { margin:0; color:var(--accent); font-size:20px; font-weight:600; }
h1 { margin:.2rem 0 0; font-family:"Instrument Sans","Inter",sans-serif; font-size:clamp(38px,8vw,52px); font-weight:600; line-height:1.15; letter-spacing:-.035em; }
header p:last-child { margin:8px 0 0; color:var(--muted); font-size:18px; }
section { max-width:600px; margin:0; padding:0; background:transparent; border:0; }
h2 { margin:0 0 8px; font-size:18px; }
section > p { color:var(--muted); }
label { display:block; margin:20px 0 6px; font-weight:600; }
input,select { width:100%; min-height:40px; padding:.7rem; border:1px solid var(--line); border-radius:var(--radius); background:var(--bg); color:var(--ink); font:inherit; }
input:focus-visible,select:focus-visible,button:focus-visible,a:focus-visible { outline:2px solid var(--accent); outline-offset:2px; }
button { min-height:40px; margin-top:12px; padding:.7rem 1rem; border:1px solid var(--accent); border-radius:var(--radius); background:var(--accent); color:var(--accent-ink); font:inherit; cursor:pointer; }
button:disabled { opacity:.55; cursor:wait; }
button.secondary { background:transparent; color:var(--accent); }
.alternative { margin:16px 0 -2px; color:var(--muted); text-align:center; }
.request-invite { display:inline-flex; align-items:center; justify-content:center; min-height:40px; margin-top:12px; padding:.7rem 1rem; border:1px solid var(--accent); border-radius:var(--radius); }
#beta-registration { margin-top:52px; padding-top:28px; border-top:1px solid var(--line); }
#registration-identity { margin:18px 0 0; padding:0; border:0; }
#registration-identity:disabled { opacity:.5; }
#registration-identity label:first-child { margin-top:0; }
#beta-registration-note { margin:12px 0 0; font-size:.9rem; }
.notice { margin-bottom:18px; padding:.7rem 1rem; border-left:.25rem solid var(--accent); background:var(--card); }
.notice.error { border-color:var(--bad); }
#invite-flow > div { margin-top:18px; padding-top:18px; border-top:1px solid var(--line); }
footer { display:flex; flex-wrap:wrap; gap:.8rem; width:min(720px,calc(100% - 32px)); margin:0 auto; padding:24px 0; color:var(--muted); font-size:.9rem; }
a { color:var(--accent); text-decoration:none; }
[hidden] { display:none !important; }
@media (prefers-color-scheme:light) { :root { color-scheme:light; --bg:#f4f6f7; --card:#fff; --ink:#131516; --muted:#4f585c; --line:#d3d9dc; --accent:#187893; --accent-ink:#07191e; --bad:#cc3328; } }
@media (max-width:480px) { main { padding-top:36px; } header { margin-bottom:32px; } input,select { font-size:16px; } #beta-registration { margin-top:36px; } }