:root { --bg:#0f1115; --card:#191d26; --line:#272d3a; --txt:#e8ecf4; --mut:#98a2b8; --acc:#4ade80; }
 * { box-sizing:border-box; }
 body { margin:0; min-height:100vh; display:flex; align-items:center; justify-content:center;
        background:var(--bg); color:var(--txt); padding:20px;
        font:15px/1.45 -apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif; }
 form { width:100%; max-width:340px; background:var(--card); border:1px solid var(--line);
        border-radius:14px; padding:26px 22px; }
 h1 { font-size:18px; margin:0 0 4px; }
 p.sub { margin:0 0 20px; color:var(--mut); font-size:13px; }
 label { display:block; font-size:12px; color:var(--mut); margin:14px 0 5px; }
 input { width:100%; padding:10px 12px; border-radius:9px; border:1px solid var(--line);
         background:#11151d; color:var(--txt); font-size:15px; }
 input:focus { outline:none; border-color:var(--acc); }
 button { width:100%; margin-top:20px; padding:11px; border:0; border-radius:9px;
          background:var(--acc); color:#06240f; font-weight:600; font-size:15px; cursor:pointer; }
 .err { margin-top:14px; padding:9px 11px; border-radius:8px; font-size:13px;
        background:#3b1418; border:1px solid #63232a; color:#fecaca; }
 .err:empty { display:none; }