:root{--bg:#0b0d0d;--ink:#f2f3ef;--muted:#a1aaa6;--line:#333936;--accent:#b7d1bf;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--bg);font-synthesis:none}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%}
body{min-height:100svh;display:grid;place-items:center;padding:32px 16px;background:radial-gradient(ellipse at 20% 0%,#16211b 0%,transparent 55%),var(--bg);position:relative;overflow-x:hidden}
body:before{content:"";position:fixed;inset:0;background-image:linear-gradient(#ffffff07 1px,transparent 1px),linear-gradient(90deg,#ffffff07 1px,transparent 1px);background-size:28px 28px;mask-image:radial-gradient(ellipse at 30% 40%,#000,transparent 75%);pointer-events:none}
p,h1{margin:0}
.mono{font-family:Consolas,"Courier New",monospace;font-size:14px;letter-spacing:.1em;line-height:1.6}
.login{position:relative;width:min(440px,100%);border:1px solid var(--line);background:#101312f2;padding:44px 40px 32px}
.logo{display:block;height:25px;width:auto;margin-bottom:56px}
.eyebrow{color:var(--muted)}
.dot{display:inline-block;width:5px;height:5px;background:var(--accent);margin-right:10px;vertical-align:1px}
h1{font-size:clamp(30px,6vw,38px);font-weight:400;letter-spacing:-.045em;line-height:1.1;margin:18px 0 16px}
.lede{font-size:16px;line-height:1.65;color:var(--muted);margin-bottom:34px}
form{display:flex;flex-direction:column}
label{color:var(--muted);margin-bottom:8px}
input{font:inherit;font-size:16px;color:var(--ink);background:#0b0d0d;border:1px solid #4a534d;border-radius:0;padding:14px;margin-bottom:22px;width:100%}
input:focus-visible{outline:2px solid #a6cdb6;outline-offset:2px;border-color:#a6cdb6}
.error{font-size:15px;line-height:1.5;color:#f0c9c1;border-left:2px solid #d98b7d;padding:8px 14px;margin-bottom:24px}
.white-button{display:flex;align-items:center;justify-content:space-between;gap:40px;background:#e9eee7;color:#111711;border:0;border-radius:0;padding:16px 20px;font:inherit;font-size:15px;cursor:pointer;transition:background .2s;margin-top:4px}
.white-button:hover{background:#fff}
.white-button:focus-visible{outline:2px solid #a6cdb6;outline-offset:3px}
.footnote{color:#7d8781;margin-top:40px;padding-top:20px;border-top:1px solid var(--line);font-size:13px}
@media(max-width:480px){.login{padding:32px 22px 24px}.logo{margin-bottom:40px}}