/* tokens:begin - the logo palette. This block is identical in brand.css, names/policy.css and login.css (a test keeps them equal); every colour in the site's stylesheets comes from here. */
:root{
--white:#FFFFFF;--ink:#14142B;--muted:#5B5B73;--placeholder:#6B6B84;
--paper:#F6F6FB;--card:#FFFFFF;--line:#E3E3EE;--line-strong:#CBCBE0;--field-border:#7C7C96;
--accent:#4F46E5;--accent-strong:#4338CA;--accent-soft:#EEF0FF;--accent-line:#C4C1F5;--on-accent:#FFFFFF;--focus:#4F46E5;
--coral:#FF6B5E;--coral-strong:#C2372C;--coral-soft:#FFE9E6;
--positive:#13723A;--positive-soft:#ECF8F0;--positive-line:#A5D6B7;
--caution:#A64B08;--caution-soft:#FFF6E8;--caution-line:#EBC99B;
--negative:#B91C1C;--negative-soft:#FDEEEE;--negative-line:#F2B1B1;
--night:#14142B;--night-panel:#1D1D3A;--night-line:#3A3A5E;--night-border:#6E6E9A;--night-text:#FFFFFF;--night-soft:#C7C9E6;--night-muted:#A8A8C4;--night-link:#A5B4FC;--night-error:#FFB3AB;
--shadow-card:0 6px 30px rgba(20,20,43,.05);--shadow-active:0 8px 28px rgba(79,70,229,.12);--shadow-modal:0 22px 80px rgba(20,20,43,.28);
--scrim:rgba(20,20,43,.56);--hatch:rgba(20,20,43,.05);--veil:rgba(255,255,255,.6);
}
/* tokens:end */
:root{color-scheme:dark;font-family:"Helvetica Neue","PingFang SC",sans-serif;background:var(--night);color:var(--night-text)}*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;grid-template-columns:1.1fr 1fr}main{position:relative;width:min(100%,560px);padding:64px 56px;margin:auto}.language-switch{position:absolute;right:56px;top:48px;width:auto;margin:0;padding:8px 12px;background:transparent;color:var(--night-link);border:1px solid var(--night-border);font-size:12px;font-weight:500}.brand{display:flex;align-items:center;gap:8px;font-size:24px;font-weight:800;letter-spacing:-1px;color:var(--night-text)}.brand-mark{display:block;flex:0 0 auto;width:28px;height:28px}.brand-accent{color:var(--coral)}.brand > span:last-child{font:10px monospace;letter-spacing:2px;color:var(--night-muted);margin-left:12px}@media(max-width:400px){.brand-mark{width:24px;height:24px}}.rule{height:1px;background:var(--night-line);margin:30px 0 58px}.eyebrow{color:var(--coral);font-size:13px;letter-spacing:3px}h1{font-size:clamp(34px,4vw,48px);line-height:1.35;letter-spacing:-1px;font-weight:500;margin:16px 0}.intro{color:var(--night-soft);font-size:14px;line-height:1.8;margin-bottom:38px}.policy-links{display:flex;flex-wrap:wrap;gap:10px 16px;margin:-21px 0 26px;font-size:11px}.policy-links a{color:var(--night-link);text-underline-offset:3px}label{display:block;font-size:13px;margin-bottom:10px}input{width:100%;border:1px solid var(--night-border);border-radius:5px;background:var(--night-panel);color:var(--night-text);padding:16px;font-size:16px}input:focus-visible,button:focus-visible,.policy-links a:focus-visible{outline:2px solid var(--night-link);outline-offset:4px}button{width:100%;background:var(--accent);color:var(--on-accent);border:0;border-radius:5px;padding:16px;margin-top:14px;font-size:15px;font-weight:600;cursor:pointer;display:flex;justify-content:space-between}button:disabled{opacity:.45;cursor:wait}.secondary{background:transparent;color:var(--night-soft);justify-content:center;font-weight:400;font-size:13px}#codeForm{margin-top:24px}#code{letter-spacing:8px}#status{min-height:40px;font-size:13px;line-height:1.6;color:var(--night-soft)}#status.error{color:var(--night-error)}footer{font-size:11px;color:var(--night-muted);margin-top:28px}aside{background:var(--accent-soft);color:var(--accent-strong);margin:24px;border-radius:8px;display:flex;flex-direction:column;justify-content:center;align-items:center}aside p{font:28px/1.4 Georgia,serif;margin-top:30px;text-align:center}.symbol{display:block;width:200px;height:200px}@media(max-width:760px){body{display:block}aside{display:none}main{padding:36px 28px}.language-switch{right:28px;top:24px}.rule{margin-bottom:40px}}