@import url('/design-tokens.css');
*{box-sizing:border-box}body{margin:0;font:var(--text-body) ui-sans-serif,system-ui,sans-serif;background:#fafafa;color:var(--fg);min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.intro{background:#0a0a0b;color:white;min-height:100vh;display:flex;flex-direction:column;justify-content:space-between;padding:56px 70px}.brand{font-size:var(--text-xl);font-weight:900;letter-spacing:-2px;color:var(--fg-accent)}.brand span{font-size:var(--text-sm);letter-spacing:2.5px;color:white;margin-left:8px}.intro h1{font-size:var(--text-display);font-weight:600;line-height:1.2;letter-spacing:-1.7px;max-width:500px}.intro h1 em{font-style:normal;color:var(--fg-accent-dark)}.intro p{font-size:var(--text-body);color:var(--fg-on-dark);line-height:1.9;max-width:390px}.intro small{color:var(--fg-on-dark);font-size:var(--text-sm)}.sign-in{padding:50px;display:grid;place-items:center}.sign-in form{width:100%;max-width:355px}.eyebrow{color:var(--fg-secondary);font-size:var(--text-sm);font-weight:700;letter-spacing:2px}.sign-in h2{font-size:var(--text-display);letter-spacing:-.8px;margin:15px 0}.sign-in p{color:var(--fg-secondary);font-size:var(--text-sm);line-height:1.8;margin-bottom:34px}label{display:block;font-size:var(--text-sm);color:var(--fg-secondary);font-weight:600;margin:20px 0}input{display:block;padding:13px;width:100%;margin-top:9px;border:1px solid #dce1eb;border-radius:var(--radius-control);font:var(--text-sm) inherit;background:white;color:var(--fg)}button{padding:13px;border:0;border-radius:var(--radius-control);font-size:var(--text-sm);font-weight:600;background:#2563eb;color:white;width:100%;margin-top:10px;cursor:pointer}button:disabled{opacity:.6}input:focus-visible,button:focus-visible{outline:3px solid #aac6f4;outline-offset:2px}#error{color:var(--fg-danger);font-size:var(--text-sm);margin-top:20px;min-height:20px}.privacy-note{font-size:var(--text-sm)!important;text-align:center;margin:20px 0!important}@media(max-width:850px){body{grid-template-columns:1fr}.intro{min-height:220px;padding:30px}.intro h1{font-size:var(--text-xl);margin:30px 0 10px}.intro p,.intro small{display:none}.sign-in{padding:40px 24px}}
.standalone{display:grid;grid-template-columns:1fr;place-items:center;padding:25px}.preference-card{background:white;border:1px solid #e5e7eb;border-radius:var(--radius-panel);padding:42px;max-width:470px;width:100%}.preference-card .brand{margin-bottom:40px}.preference-card .brand span{color:var(--fg)}.preference-card h1{font-size:var(--text-display);letter-spacing:-1px;line-height:1.3;margin:18px 0}.preference-card p{font-size:var(--text-sm);line-height:1.9;color:var(--fg-secondary);margin-bottom:24px}

body{background:#fff;color:var(--fg);-webkit-font-smoothing:antialiased}
.intro{background:#101011;padding:48px 60px}
.brand{font-size:var(--text-xl);font-weight:550;letter-spacing:-.8px;color:var(--fg-inverse)}.brand span{font-size:var(--text-sm);font-weight:500;letter-spacing:1px;color:var(--fg-secondary)}
.intro h1{font-size:var(--text-display);font-weight:450;line-height:1.22;letter-spacing:-1.5px;max-width:440px}
.intro h1 em{color:var(--fg-accent-dark)}.intro p{font-size:var(--text-sm);color:var(--fg-on-dark);max-width:330px;line-height:1.9}.intro small{font-size:var(--text-sm);letter-spacing:.8px;color:var(--fg-on-dark)}
.sign-in{padding:50px}.sign-in form{max-width:330px}.sign-in .eyebrow{display:none}
.sign-in h2{font-size:var(--text-xl);font-weight:550;letter-spacing:-.8px;margin:0 0 11px}.sign-in p{font-size:var(--text-sm);line-height:1.7;color:var(--fg-secondary);margin-bottom:28px}
label{font-size:var(--text-sm);font-weight:450;color:var(--fg-muted);margin:20px 0}input{border-color:#e4e4e7;border-radius:var(--radius-control);padding:12px;font-size:var(--text-sm);color:var(--fg)}input::placeholder{color:var(--fg-secondary)}
button{border-radius:var(--radius-control);padding:12px;font-size:var(--text-sm);font-weight:500;background:#2563eb;margin-top:10px}button:hover{background:#1d4ed8}
.privacy-note{font-size:var(--text-sm)!important;color:var(--fg-secondary)!important}.preference-card{box-shadow:none;border-color:#e8e8eb;border-radius:var(--radius-panel);padding:35px}.preference-card .brand{color:var(--fg)}.preference-card h1{font-size:var(--text-xl);font-weight:500}.preference-card p{font-size:var(--text-sm);color:var(--fg-secondary)}
@media(max-width:850px){.intro{min-height:210px;padding:28px}.intro h1{font-size:var(--text-xl);margin:25px 0 0}.sign-in{padding:40px 24px}.sign-in h2{font-size:var(--text-xl)}}
