:root{--lime:#d6f270;--ink:#20251e;--paper:#fbfcf7;--muted:#62675e;--line:#dfe3d7;--soft:#eaf2d6;--btn:#252c20}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;background:var(--paper);color:var(--ink);font-family:Manrope,Arial,Helvetica,sans-serif;line-height:1.6}.login{justify-content:center;align-items:center;min-height:100vh;padding:24px 16px;display:flex}.login-inner{width:100%;max-width:420px}.login-mark{justify-content:center;margin-bottom:40px;display:flex}.login-mark svg{width:auto;height:38px}.login-card{border:1px solid var(--line);background:#fff;border-radius:12px;padding:32px}.login-card h1{letter-spacing:-.5px;text-align:center;font-size:28px;font-weight:600}.login-sub{color:var(--muted);text-align:center;margin:6px 0 28px;font-size:15px}.login-error{color:#8a2a1e;background:#fdecea;border:1px solid #f3c5bf;border-radius:8px;margin-bottom:20px;padding:12px 14px;font-size:14px}.login-btn{background:var(--btn);width:100%;min-height:48px;color:var(--paper);border-radius:6px;justify-content:center;align-items:center;gap:10px;padding:13px 22px;font-size:15px;font-weight:600;text-decoration:none;display:flex}.login-btn:hover{background:var(--ink)}.login-btn:focus-visible{outline:3px solid var(--lime);outline-offset:2px}.login-hint{background:var(--soft);color:var(--muted);border-radius:8px;margin-top:20px;padding:12px 14px;font-size:13px}.login-hint strong{color:var(--ink);margin-top:4px;font-size:15px;font-weight:600;display:block}.login-hint strong span{color:var(--muted);font-weight:400}.login-foot{color:var(--muted);text-align:center;margin-top:18px;font-size:13px}