
:root{color-scheme:dark;--bg:#101718;--panel:#172123;--text:#edf4f5;--muted:#afc1c5;--accent:#a5e5ed;--line:#34484c;--error:#ffd0ba;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-size:16px;line-height:1.6}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}[hidden]{display:none!important}a{color:inherit}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.55}button,input,a{outline-offset:5px}button:focus-visible,input:focus-visible,a:focus-visible{outline:2px solid var(--accent)}::selection{background:var(--accent);color:var(--bg)}
.shell{width:min(1120px,calc(100% - 64px));margin:auto}.site-header{min-height:106px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;font-size:28px;line-height:1;font-weight:760;letter-spacing:-.06em}.brand svg{width:37px;height:37px;fill:var(--accent);flex:none}.header-link{font-size:13px;text-decoration:none;min-height:44px;display:flex;align-items:center;gap:12px;color:var(--muted)}.header-link:hover{color:var(--text)}
main{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(330px,.95fr);gap:clamp(32px,6vw,78px);align-items:start;padding:66px 0 76px}.intro{padding-top:20px}.eyebrow{margin:0;color:var(--accent);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:10px;letter-spacing:.15em;font-weight:500;display:flex;gap:9px;align-items:center}.eyebrow>span{width:6px;height:6px;border-radius:50%;background:var(--accent)}h1{font-size:clamp(42px,4.7vw,62px);font-weight:550;letter-spacing:-.055em;line-height:1.13;margin:21px 0 25px}h1 em{font-style:normal;color:var(--accent)}.lead{max-width:450px;font-size:17px;line-height:1.75;color:var(--muted);margin:0}.steps{margin:32px 0 27px;border-top:1px solid var(--line)}.steps p{display:flex;gap:19px;margin:0;padding:14px 0;border-bottom:1px solid var(--line);font-size:14px}.steps p span{font-family:ui-monospace,monospace;color:var(--accent);font-size:11px;padding-top:3px}.device-note{font-size:12px;max-width:410px;line-height:1.7;color:var(--muted)}
.access-card{min-width:0;background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:32px}.card-top{display:flex;align-items:center;justify-content:space-between;gap:16px}.small-badge{border:1px solid #405c60;border-radius:30px;padding:3px 9px;color:var(--muted);font-size:10px;white-space:nowrap}.access-card h2{font-size:29px;font-weight:550;letter-spacing:-.04em;line-height:1.2;margin:25px 0 10px}.destination{margin:0 0 25px;font-size:14px;color:var(--muted);overflow-wrap:anywhere}fieldset{margin:0;padding:0;border:0;min-width:0}.field-label{display:block;font-size:13px;font-weight:600;margin-bottom:9px}input[type=email],input[type=text]{display:block;width:100%;height:54px;min-width:0;border:1px solid #526b70;border-radius:9px;background:#101a1c;color:var(--text);font-size:16px;padding:12px 14px}input::placeholder{color:#849ca2;opacity:1}.field-help{color:var(--muted);font-size:12px;line-height:1.65;margin:10px 0 0}.consent{display:flex;align-items:flex-start;gap:11px;font-size:12px;line-height:1.55;margin:24px 0;cursor:pointer}.consent input{width:18px;height:18px;flex:none;accent-color:var(--accent);margin:2px 0 0}.consent small{display:block;margin-top:5px;font-size:11px;color:var(--muted)}
.button{min-height:51px;border:1px solid var(--accent);border-radius:9px;background:var(--accent);color:#10292d;font-size:14px;font-weight:650;padding:12px 17px;display:flex;justify-content:center;align-items:center;gap:14px;width:100%;text-decoration:none}.button:hover:not(:disabled){background:#c1eef3}.text-button{min-height:44px;padding:7px 0;background:none;border:0;color:var(--muted);font-size:12px;text-decoration:underline;text-underline-offset:4px}.text-button:hover:not(:disabled){color:var(--text)}.secondary-actions{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;margin-top:13px}.sent-to{font-size:13px;color:var(--muted);margin:0 0 21px;overflow-wrap:anywhere}.sent-to strong{display:block;color:var(--text);font-weight:550;margin-top:3px}.code-input{font-family:ui-monospace,monospace!important;font-size:25px!important;letter-spacing:.2em}.expiry{font-size:12px;min-height:20px;color:var(--muted);margin:11px 0 21px}.loading{font-size:13px;color:var(--muted);margin:20px 0}.status:empty{display:none}.status{border-left:2px solid var(--accent);background:#102023;border-radius:0 7px 7px 0;font-size:13px;padding:12px 14px;margin:0 0 22px;overflow-wrap:anywhere}.status[data-error=true]{border-color:var(--error);color:var(--error)}.privacy-note{padding-top:23px;margin:27px 0 0;border-top:1px solid var(--line);font-size:11px;line-height:1.8;color:var(--muted)}.privacy-note a{white-space:nowrap;text-underline-offset:3px}.signed-in-box{border:1px solid #395d61;background:#102023;padding:17px 15px;border-radius:10px;margin:0 0 21px;display:flex;gap:12px;align-items:flex-start;overflow-wrap:anywhere}.verified-mark{color:var(--accent);border:1px solid #497d83;border-radius:50%;width:24px;height:24px;flex:none;text-align:center;font-size:14px;line-height:22px}.signed-in-box p{font-size:12px;color:var(--muted);margin:0 0 3px}.signed-in-box strong{font-size:14px;font-weight:500;display:block;word-break:break-word}.signout{display:block;margin:12px auto 0}#restart-panel p{font-size:14px;color:var(--muted)}
footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;align-items:center;padding:20px 0 30px;color:var(--muted);font-size:11px}footer p{margin:0}footer a{min-height:44px;display:flex;align-items:center;gap:9px;text-underline-offset:4px}.skip{position:absolute;left:16px;top:-100px;padding:12px 16px;background:var(--accent);color:var(--bg);z-index:2}.skip:focus{top:12px}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:760px){.shell{width:min(510px,calc(100% - 36px))}.site-header{min-height:84px}.brand{font-size:25px}.brand svg{width:32px;height:32px}.header-link{font-size:11px;gap:7px}main{grid-template-columns:1fr;padding:31px 0 40px;gap:26px}.intro{padding-top:0}h1{font-size:clamp(39px,9.7vw,53px);margin:17px 0 17px}.lead{font-size:15px}.steps{display:none}.device-note{font-size:11px;margin:16px 0 0;max-width:none}.access-card{padding:26px 23px;border-radius:14px}.access-card h2{margin-top:22px;font-size:27px}footer{display:block;font-size:10px;padding-top:20px}footer a{margin-top:5px}.code-input{font-size:24px!important;letter-spacing:.14em}}
@media(max-width:360px){.shell{width:calc(100% - 28px)}.access-card{padding:23px 18px}.header-link{max-width:105px;line-height:1.4}.small-badge{font-size:9px}.card-top{gap:8px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
