:root{--bg:#f5f7fb;--surface:#fff;--border:#4f8ef71f;--border-strong:#4f8ef759;--accent:#4f8ef7;--accent2:#3d72ce;--accent-text:#2f5fb3;--text:#181d2e;--text-muted:#5a6788;--green:#2dbd7e;--amber:#e8943a;--amber-text:#a85a0c;--radius:12px;--radius-lg:20px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);min-height:100vh;font-family:Mulish,sans-serif;font-size:16px;line-height:1.6}body:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(900px 600px at 10% 0,#4f8ef70f 0%,#0000 70%),radial-gradient(700px 500px at 90% 80%,#2dbd7e0f 0%,#0000 70%);position:fixed;inset:0}.auth-page{z-index:1;justify-content:center;align-items:center;min-height:100vh;padding:32px 16px;display:flex;position:relative}.auth-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);width:100%;max-width:400px;padding:40px 32px 32px;position:relative;overflow:hidden;box-shadow:0 16px 40px #181d2e0f}.auth-card:before{content:"";background:linear-gradient(90deg, var(--accent), var(--green));height:3px;position:absolute;top:0;left:0;right:0}.logo{letter-spacing:-.02em;align-items:center;gap:10px;font-family:Outfit,sans-serif;font-size:1.5rem;font-weight:800;display:flex}.logo span{color:var(--accent)}.badge-beta{background:var(--amber-text);color:#fff;letter-spacing:.1em;text-transform:uppercase;border-radius:100px;padding:1px 8px;font-family:Outfit,sans-serif;font-size:.66rem;font-weight:700}.auth-sub{color:var(--text-muted);margin:6px 0 28px;font-size:.92rem}.alert{color:var(--text-muted);background:#fdf0ef;border:1px solid #c93b2f40;border-left:3px solid #c93b2f;border-radius:8px;margin-bottom:20px;padding:12px 14px;font-size:.86rem;line-height:1.5}.alert strong{color:#a8291f}.field{margin-bottom:18px}.field-row{justify-content:space-between;align-items:baseline;display:flex}label{margin-bottom:6px;font-size:.85rem;font-weight:600;display:block}input[type=email],input[type=password]{width:100%;font:inherit;color:var(--text);background:var(--bg);border:1px solid var(--border-strong);border-radius:10px;outline:none;padding:11px 14px;font-size:.95rem;transition:border-color .2s,box-shadow .2s,background .2s}input:focus{background:var(--surface);border-color:var(--accent);box-shadow:0 0 0 3px #4f8ef726}.link{color:var(--accent-text);font-size:.82rem;text-decoration:none}.link:hover{text-decoration:underline}.remember{color:var(--text-muted);align-items:center;gap:8px;margin-bottom:22px;font-size:.88rem;font-weight:500;display:flex}.remember input{accent-color:var(--accent2)}.btn{background:var(--accent2);color:#fff;cursor:pointer;border:none;border-radius:10px;width:100%;padding:12px 20px;font-family:Outfit,sans-serif;font-size:.98rem;font-weight:700;transition:background .2s}.btn:hover{background:var(--accent-text)}.btn:disabled{opacity:.7;cursor:wait}.auth-foot{border-top:1px solid var(--border);text-align:center;color:var(--text-muted);margin-top:24px;padding-top:18px;font-size:.85rem}