:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--background:#08090b;--surface:#12151a;--border:#303640;--text:#f0f1ed;--muted:#a9adb5;--accent:#c6df96;--danger:#ff9696}*{box-sizing:border-box}html,body{min-height:100%}body{background:var(--background);color:var(--text);margin:0;font-family:Arial,Helvetica,sans-serif;line-height:1.5}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:var(--accent)}button,.primary-button,.quiet-button{cursor:pointer;border:1px solid var(--border);border-radius:10px;text-decoration:none}button:disabled{cursor:wait;opacity:.6}:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.login-page,.service-page{min-height:100dvh;padding:max(24px, env(safe-area-inset-top)) max(20px, env(safe-area-inset-right)) max(24px, env(safe-area-inset-bottom)) max(20px, env(safe-area-inset-left));place-items:center;display:grid}.login-card,.service-card{border:1px solid var(--border);background:var(--surface);border-radius:22px;width:min(100%,580px);padding:clamp(24px,6vw,44px)}.eyebrow{color:var(--accent);text-transform:uppercase;letter-spacing:.12em;font-size:.8rem}h1{margin:12px 0 20px;font-size:clamp(1.7rem,5vw,2.2rem);line-height:1.2}h2{font-size:1.05rem}.muted{color:var(--muted)}.service-actions{flex-wrap:wrap;align-items:center;gap:16px;margin-top:28px;display:flex}.primary-button{background:var(--accent);color:#111;text-align:center;padding:12px 16px;font-weight:650;display:inline-block}.login-actions .primary-button{width:100%;margin-top:14px}.quiet-button{color:var(--text);background:0 0;padding:11px 15px}.error-message{color:var(--danger);font-size:.9rem}.draft-recovery{border-top:1px solid var(--border);margin-top:28px;padding-top:12px}
