[data-screen=login]{min-height:100vh;display:flex;flex-direction:column;background:var(--bg);color:var(--fg)}[data-screen=login] header{padding:24px 40px}[data-screen=login] main{flex:1;display:flex;align-items:center;justify-content:center;padding:48px 24px}[data-screen=login] .card{width:100%;max-width:480px;border:1px solid var(--rule);border-radius:28px;padding:48px 40px;background:#FFF}[data-screen=login] .eyebrow{font-family:var(--mono);font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--fg-2);margin:0 0 16px}[data-screen=login] h1{font-family:var(--display);font-size:44px;line-height:.96;letter-spacing:-.04em;font-weight:700;margin:0 0 16px}[data-screen=login] h1 .squiggle,[data-screen=login] h1 em{font-family:var(--serif);font-style:italic;color:var(--hot);font-weight:400}[data-screen=login] .lede{font-size:17px;line-height:1.55;color:var(--fg-2);margin:0 0 32px}[data-screen=login] .lede a{color:var(--fg);border-bottom:1px solid var(--fg);text-decoration:none}[data-screen=login] form{display:flex;flex-direction:column;gap:12px}[data-screen=login] label{font-family:var(--mono);font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--fg-2)}[data-screen=login] input{font:inherit;font-family:var(--body);font-size:16px;border:1px solid var(--rule);border-radius:14px;padding:14px 16px;background:var(--bg);color:var(--fg);outline:0;min-height:48px}[data-screen=login] input:focus{border-color:var(--hot);box-shadow:0 0 0 3px rgba(255,77,26,.12)}[data-screen=login] .btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;background:var(--hot);color:#FFF;border:1px solid var(--hot);padding:16px 24px;border-radius:var(--pill);font-size:15px;font-weight:600;margin-top:8px;min-height:52px;transition:transform .15s ease}[data-screen=login] .btn:hover{filter:brightness(1.05)}[data-screen=login] .btn:active{transform:scale(.98)}[data-screen=login] .btn .arrow{width:24px;height:24px;border-radius:50%;background:rgba(255,255,255,.18);display:inline-flex;align-items:center;justify-content:center;font-size:13px;font-family:var(--mono)}[data-screen=login] .status{font-size:14px;line-height:1.5;border-radius:14px;padding:16px;margin-top:16px}[data-screen=login] .status.success{background:var(--lime);border:1px solid rgba(31,20,16,.15);color:var(--fg)}[data-screen=login] .status.success strong{display:block;margin-bottom:4px}[data-screen=login] .status.success code{font-family:var(--mono);background:rgba(31,20,16,.1);padding:1px 5px;border-radius:3px}[data-screen=login] .status.error{background:var(--pink);border:1px solid var(--hot);color:var(--fg)}