@font-face{font-family:'Geist';src:url('fonts/Geist-Variable.ttf') format('truetype');font-style:normal;font-weight:100 900;font-display:block}
html { -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; text-rendering:optimizeLegibility; }
:root { color-scheme:dark; --bg:#000; --panel:#0a0a0a; --line:#242424; --text:#ededed; --muted:#777; --green:#43bd8b; }
* { box-sizing:border-box; font-family:var(--app-font-family,'Geist',sans-serif)!important; }
body { min-height:100vh; margin:0; background:#000; color:var(--text); font-size:14px; -webkit-font-smoothing:antialiased; }
a { color:inherit; }
button,input,select { font:inherit; }
.public-header { display:flex; height:68px; align-items:center; padding:0 28px; border-bottom:1px solid var(--line); }.public-brand { display:flex; align-items:center; gap:10px; color:#fff; font-size:16px; font-weight:650; text-decoration:none; }.public-mark { display:block; width:24px; height:24px; object-fit:contain; filter:brightness(0) invert(1); }.northstar-mark{display:grid;border:1px solid #3a3a3a;border-radius:6px;background:#151515;color:#bdbdbd;font-size:10px;font-style:normal;filter:none;place-items:center}.public-header>span { margin-left:auto; color:#5e5e5e; font-size:9px; letter-spacing:1px; text-transform:uppercase; }.public-header-link { margin-left:auto; color:#777; font-size:11px; text-decoration:none; }.public-header-link strong { margin-left:4px; color:#ddd; font-weight:600; }.public-header-link:hover strong { color:#fff; }
.auth-layout { display:grid; min-height:calc(100vh - 68px); place-items:center; padding:36px 20px; }.auth-card { width:min(440px,100%); border:1px solid var(--line); border-radius:12px; background:var(--panel); overflow:hidden; }.auth-copy { padding:28px 28px 22px; border-bottom:1px solid var(--line); }.kicker { display:block; margin-bottom:10px; color:#777; font-size:8px; font-weight:700; letter-spacing:1.2px; text-transform:uppercase; }.auth-card h1 { margin:0; font-size:23px; font-weight:600; letter-spacing:-.7px; }.auth-card p { margin:9px 0 0; color:#777; font-size:10px; line-height:1.65; }.auth-form { display:flex; flex-direction:column; gap:14px; padding:22px 28px 28px; }.field { display:flex; flex-direction:column; gap:7px; }.field>span { color:#aaa; font-size:9px; font-weight:600; }.field input,.field select { width:100%; height:40px; padding:0 11px; border:1px solid #303030; border-radius:7px; outline:none; background:#0f0f0f; color:#eee; font-size:10px; }.field input:focus,.field select:focus { border-color:#666; }.primary-action { display:flex; height:40px; align-items:center; justify-content:center; border:1px solid #fff; border-radius:7px; background:#fff; color:#000; font-size:10px; font-weight:650; cursor:pointer; }.primary-action:hover { background:#e5e5e5; }.error-message { margin:0!important; padding:10px 12px; border:1px solid #47251f; border-radius:7px; background:#140b09; color:#db8879!important; font-size:9px!important; }.credential-note { padding:12px 28px; border-top:1px solid var(--line); background:#070707; color:#666; font-size:8px; }.credential-note code { color:#bbb; }
.notice-list { display:flex; flex-direction:column; gap:10px; margin:18px 0 0; padding:0; list-style:none; }.notice-list li { display:flex; gap:9px; color:#8a8a8a; font-size:9px; line-height:1.5; }.notice-list li>span { display:grid; flex:0 0 auto; width:19px; height:19px; border:1px solid #303030; border-radius:5px; color:#bbb; font-size:7px; place-items:center; }.consent-row { display:flex; gap:9px; align-items:flex-start; color:#8b8b8b; font-size:9px; line-height:1.5; cursor:pointer; }.consent-row input { margin:2px 0 0; accent-color:#fff; }
.submission-layout { width:min(960px,100%); margin:auto; padding:55px 24px 80px; }.submission-head { display:flex; align-items:flex-end; justify-content:space-between; margin-bottom:25px; }.submission-head h1 { margin:8px 0 0; font-size:31px; letter-spacing:-1.2px; }.submission-head p { margin:7px 0 0; color:#777; font-size:10px; }.progress-badge { padding:7px 10px; border:1px solid #24372f; border-radius:99px; background:#09130f; color:#70b598; font-size:8px; }.submission-grid { display:grid; grid-template-columns:1.1fr .9fr; gap:16px; }.upload-panel,.instruction-panel { border:1px solid var(--line); border-radius:11px; background:var(--panel); }.upload-panel { padding:22px; }.drop-area { display:flex; min-height:230px; align-items:center; flex-direction:column; justify-content:center; border:1px dashed #363636; border-radius:9px; background:#070707; text-align:center; cursor:pointer; }.drop-area.drag { border-color:#777; background:#0d0d0d; }.drop-area input { display:none; }.drop-icon { display:grid; width:39px; height:39px; margin-bottom:13px; border:1px solid #303030; border-radius:9px; background:#111; color:#bbb; font-size:16px; place-items:center; }.drop-area strong { font-size:11px; }.drop-area span { margin-top:5px; color:#666; font-size:8px; }.metadata-grid { display:grid; grid-template-columns:1fr 1fr; gap:10px; margin-top:14px; }.metadata-grid .field:last-child { grid-column:1/-1; }.upload-panel .primary-action { width:100%; margin-top:15px; }.upload-panel button:disabled { opacity:.5; cursor:wait; }.instruction-panel { padding:22px; }.instruction-panel h2 { margin:0; font-size:14px; }.instruction-panel>p { margin:7px 0 18px; color:#666; font-size:9px; line-height:1.5; }.task-list { display:flex; flex-direction:column; gap:1px; overflow:hidden; border:1px solid #222; border-radius:8px; background:#222; }.task-list div { display:grid; grid-template-columns:27px 1fr; gap:10px; padding:12px; background:#0c0c0c; }.task-list span { display:grid; width:27px; height:27px; border-radius:7px; background:#181818; color:#aaa; font-size:8px; place-items:center; }.task-list strong,.task-list small { display:block; }.task-list strong { color:#ccc; font-size:9px; }.task-list small { margin-top:4px; color:#666; font-size:8px; line-height:1.4; }.success-panel { display:none; padding:24px; border:1px solid #24372f; border-radius:10px; background:#09130f; text-align:center; }.success-panel.show { display:block; }.success-panel span { display:grid; width:38px; height:38px; margin:0 auto 12px; border-radius:50%; background:#10241b; color:#52c391; place-items:center; }.success-panel strong { display:block; font-size:13px; }.success-panel p { margin:6px 0 15px; color:#71a08c; font-size:9px; }.success-panel button { border:0; background:transparent; color:#ddd; font-size:9px; text-decoration:underline; cursor:pointer; }
@media(max-width:720px){.submission-grid{grid-template-columns:1fr}.submission-head{align-items:flex-start;flex-direction:column;gap:14px}.metadata-grid{grid-template-columns:1fr}.metadata-grid .field:last-child{grid-column:auto}}
.primary-action{gap:8px}.primary-action svg{width:15px;height:15px}
.primary-action:disabled { opacity:.4; cursor:not-allowed; }
.submission-error{margin-top:15px!important;margin-bottom:0!important}
.primary-action.is-submitting:disabled { opacity:.82; cursor:wait; }
.submit-spinner { width:14px; height:14px; border:2px solid rgba(0,0,0,.22); border-top-color:#080808; border-radius:50%; animation:auth-submit-spin .7s linear infinite; }
@keyframes auth-submit-spin { to { transform:rotate(360deg); } }
@media(prefers-reduced-motion:reduce){.submit-spinner{animation-duration:1.4s}}
.text-action { text-decoration:none; }
.auth-copy strong { color:#d4d4d4; font-weight:550; }
.pin-input { font-size:19px!important; font-variant-numeric:tabular-nums; letter-spacing:6px; text-align:center; }
.success-message { padding:14px; border:1px solid #24372f; border-radius:8px; background:#09130f; }
.success-message strong,.success-message span { display:block; }
.success-message strong { color:#8cc5aa; font-size:12px; }
.success-message span { margin-top:6px; color:#68907d; font-size:11px; line-height:1.55; }
.auth-switch { margin:0!important; text-align:center; }.auth-switch a { color:#ddd; font-weight:600; text-decoration:none; }.auth-switch a:hover { color:#fff; }
.register-layout { padding:52px 20px 70px; }.register-card { width:min(620px,100%); }.register-card .auth-copy { padding:31px 32px 25px; }.register-card .auth-form { gap:17px; padding:25px 32px 30px; }.register-grid { display:grid; grid-template-columns:1fr 1fr; gap:13px; }.signup-plans { display:grid; grid-template-columns:1fr 1fr; gap:10px; margin:0; padding:0; border:0; }.signup-plans legend { grid-column:1/-1; margin-bottom:1px; padding:0; color:#aaa; font-size:11px; font-weight:600; }.signup-plan { position:relative; display:flex; min-height:76px; align-items:center; justify-content:space-between; gap:12px; padding:14px; border:1px solid #2b2b2b; border-radius:8px; background:#0d0d0d; cursor:pointer; transition:.15s ease; }.signup-plan:hover { border-color:#454545; }.signup-plan.selected { border-color:#777; background:#121212; box-shadow:inset 0 0 0 1px #333; }.signup-plan input { position:absolute; opacity:0; pointer-events:none; }.signup-plan span strong,.signup-plan span small,.signup-plan em,.signup-plan em small { display:block; }.signup-plan span strong { color:#ddd; font-size:12px; }.signup-plan span small { margin-top:5px; color:#666; font-size:10px; }.signup-plan em { color:#eee; font-size:19px; font-style:normal; font-weight:600; text-align:right; }.signup-plan em small { margin-top:3px; color:#626262; font-size:8px; font-weight:400; white-space:nowrap; }.signup-consent { display:grid; grid-template-columns:18px minmax(0,1fr); gap:10px; align-items:start; padding:3px 0; color:#858585; font-size:11px; line-height:1.55; cursor:pointer; }.signup-consent input { appearance:none; width:18px; height:18px; margin:0; border:1px solid #3a3a3a; border-radius:5px; background:#0e0e0e; cursor:pointer; transition:border-color .15s,background .15s,box-shadow .15s; }.signup-consent input:checked { border-color:#eee; background:#eee url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='m5 9 2.5 2.5L13 6'/%3E%3C/svg%3E") center/100% 100% no-repeat; }.signup-consent input:focus-visible { outline:0; box-shadow:0 0 0 3px rgba(255,255,255,.11); }.signup-consent a { color:#d4d4d4; font-weight:550; text-underline-offset:3px; }.signup-consent a:hover { color:#fff; }.checkout-note { display:flex; align-items:center; justify-content:center; gap:7px; margin:0!important; text-align:center; }.checkout-note svg { width:13px; }.signup-unavailable { padding:14px; border:1px solid #47251f; border-radius:8px; background:#140b09; }.signup-unavailable strong,.signup-unavailable span { display:block; }.signup-unavailable strong { color:#db8879; font-size:11px; }.signup-unavailable span { margin-top:5px; color:#95645b; font-size:10px; }
@media(max-width:620px){.public-header{padding:0 18px}.public-header-link{font-size:0}.public-header-link strong{font-size:11px}.register-grid,.signup-plans{grid-template-columns:1fr}.register-card .auth-copy,.register-card .auth-form{padding-left:22px;padding-right:22px}}

/* Comfortable type for real participants and admins. */
body { font-size:16px; }
select{appearance:none;-webkit-appearance:none;padding-right:36px!important;border-color:#303030!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none' stroke='%23888888' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'%3E%3Cpath d='m4 6 4 4 4-4'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 11px center!important;background-size:15px!important;color-scheme:dark;cursor:pointer;transition:border-color .15s,box-shadow .15s}select:hover:not(:disabled){border-color:#4b4b4b!important}select:focus-visible{border-color:#777!important;outline:0;box-shadow:0 0 0 3px rgba(255,255,255,.07)}select:disabled{opacity:.45;cursor:not-allowed}select option{background:#111;color:#e5e5e5}
.not-found-page{overflow-x:hidden;background:#000}.not-found-page::before{position:fixed;inset:68px 0 0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:64px 64px;mask-image:radial-gradient(circle at 50% 42%,#000,transparent 64%);content:"";pointer-events:none}.not-found-main{position:relative;display:grid;min-height:calc(100vh - 68px);place-items:center;padding:48px 20px 90px}.not-found-card{width:min(960px,100%);text-align:center}.not-found-code{display:inline-flex;padding:7px 11px;border:1px solid #2c2c2c;border-radius:99px;background:#090909;color:#777;font-size:10px;font-weight:700;letter-spacing:1.6px}.not-found-card h1{margin:19px 0 0;color:#f1f1f1;font-size:clamp(18px,5.8vw,62px);font-weight:600;letter-spacing:-3px;line-height:1.04;white-space:nowrap}.not-found-card p{margin:18px auto 0;color:#717171;font-size:13px;line-height:1.7}.not-found-actions{display:flex;align-items:center;justify-content:center;gap:19px;margin-top:30px}.not-found-actions .primary-action{width:auto;padding:0 17px;text-decoration:none}.not-found-actions .primary-action svg{width:14px}.not-found-signin{color:#888;font-size:11px;font-weight:600;text-decoration:none}.not-found-signin:hover{color:#eee}@media(max-width:520px){.not-found-card h1{letter-spacing:-2px}.not-found-actions{flex-direction:column}.not-found-page .public-header>span{display:none}}
.public-header>span,.kicker,.progress-badge { font-size:10px; }
.auth-card p,.credential-note,.notice-list li,.consent-row,.submission-head p,.instruction-panel>p { font-size:12px; }
.field>span,.error-message,.drop-area span,.task-list small,.success-panel p,.success-panel button { font-size:11px!important; }
.field input,.field select,.primary-action,.drop-area strong,.task-list strong { font-size:12px; }
.task-list span { font-size:10px; }
.instruction-panel h2 { font-size:16px; }