@import "https://fonts.googleapis.com/css2?family=Sora:wght@400;600;700&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0f0f13;--card:#1a1a24;--border:#2e2e42;--accent:#6c63ff;--accent-hover:#574fd6;--text:#e8e8f0;--muted:#889;--error:#ff6b6b;--success:#4ecca3}body{background:var(--bg);color:var(--text);justify-content:center;align-items:center;min-height:100vh;font-family:Sora,sans-serif;display:flex}.app{background:radial-gradient(ellipse at 60% 20%, #1e1b4b55 0%, transparent 60%), radial-gradient(ellipse at 20% 80%, #312e8133 0%, transparent 60%), var(--bg);justify-content:center;align-items:center;width:100%;min-height:100vh;padding:1rem;display:flex}.card{background:var(--card);border:1px solid var(--border);text-align:center;border-radius:20px;width:100%;max-width:400px;padding:2.5rem 2rem;box-shadow:0 25px 60px #0005}.logo{margin-bottom:.75rem;font-size:2.5rem}h1{letter-spacing:-.5px;margin-bottom:.25rem;font-size:1.6rem;font-weight:700}.subtitle{color:var(--muted);margin-bottom:1.5rem;font-size:.9rem;line-height:1.5}.form{flex-direction:column;gap:1rem;margin-top:1.5rem;display:flex}input{border:1px solid var(--border);color:var(--text);background:#12121a;border-radius:10px;outline:none;width:100%;padding:.85rem 1rem;font-family:Sora,sans-serif;font-size:1rem;transition:border-color .2s}input:focus{border-color:var(--accent)}input::placeholder{color:var(--muted)}button{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:10px;padding:.85rem;font-family:Sora,sans-serif;font-size:1rem;font-weight:600;transition:background .2s,transform .1s}button:hover:not(:disabled){background:var(--accent-hover);transform:translateY(-1px)}button:disabled{opacity:.5;cursor:not-allowed}button.secondary{border:1px solid var(--border);color:var(--muted);background:0 0}button.secondary:hover{border-color:var(--accent);color:var(--text)}button.logout{border:1px solid var(--error);color:var(--error);background:0 0}button.logout:hover{background:var(--error);color:#fff}.error{color:var(--error);background:#ff6b6b18;border:1px solid #ff6b6b33;border-radius:8px;margin-top:1rem;padding:.6rem .8rem;font-size:.85rem}.success .check{margin-bottom:.5rem;font-size:3rem}.success h2{margin-bottom:.25rem;font-size:1.4rem}.user-info{border:1px solid var(--border);color:var(--success);background:#12121a;border-radius:10px;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:1rem;font-weight:600;display:flex}