/* Login page — extracted from controllers/auth.js GET /login */

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html,body{height:100%;overflow:hidden}
body{background:#09090B;color:#e2e2e2;font-family:Inter,system-ui,-apple-system,sans-serif;font-size:14px;display:flex;align-items:center;justify-content:center}
#login-box{position:relative;z-index:2;width:240px;margin:0 auto;text-align:center;display:flex;flex-direction:column;align-items:center;gap:6px}
form{width:100%;display:flex;flex-direction:column;gap:10px}
input[type=text],input[type=password]{width:100%;background:#111;border:1px solid #1c1c1c;color:#e2e2e2;font-family:inherit;font-size:14px;padding:10px 14px;border-radius:6px;outline:none;transition:border-color .15s}
input[type=text]:focus,input[type=password]:focus{border-color:#2a2a2a;box-shadow:0 0 0 2px rgba(252,211,77,.07)}
input[type=text]::placeholder,input[type=password]::placeholder{color:#444}
button[type=submit]{width:100%;background:rgba(252,211,77,.10);border:1px solid rgba(252,211,77,.22);color:#FCD34D;font-family:inherit;font-size:13px;padding:9px;border-radius:5px;cursor:pointer;transition:background .15s,border-color .15s}
button[type=submit]:hover{background:rgba(252,211,77,.16);border-color:rgba(252,211,77,.38)}
#login-error{font-size:12px;color:#c0392b;text-align:center;min-height:16px}

/* Background ring SVG — was inline style="position:fixed;..." */
.login-bg-svg{position:fixed;inset:0;width:100%;height:100%;z-index:1;pointer-events:none}

/* Wordmark — was inline style="font-size:17px;..." */
.login-wordmark{font-size:17px;font-weight:700;letter-spacing:-.01em;color:#F4F4F5;margin-bottom:28px}
.login-wordmark-accent{color:#FCD34D}