:root{--bg:#080b14;--card:rgba(20,25,42,.68);--text:#f8f9ff;--muted:#aeb6ca;--line:rgba(255,255,255,.12);--a:#7c5cff;--b:#00d9ff}body.light{--bg:#edf3ff;--card:rgba(255,255,255,.68);--text:#101526;--muted:#536079;--line:rgba(10,20,40,.12)}*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:Inter,system-ui,sans-serif;color:var(--text);background:radial-gradient(circle at 15% 10%,#35166b,transparent 38%),radial-gradient(circle at 90% 85%,#00546a,transparent 38%),var(--bg);overflow-x:hidden;transition:.25s}.bg i{position:fixed;width:220px;height:220px;border-radius:50%;filter:blur(18px);opacity:.22;background:linear-gradient(135deg,var(--a),var(--b));z-index:-1}.bg i:nth-child(1){left:4%;top:20%}.bg i:nth-child(2){right:5%;top:8%;width:150px;height:150px}.bg i:nth-child(3){right:25%;bottom:2%;width:280px;height:280px}main{width:min(1100px,92%);margin:auto;padding:24px 0 60px}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:70px}.brand{display:flex;gap:12px;align-items:center}.brand b{width:44px;height:44px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(135deg,var(--a),var(--b));font-size:22px}.brand span{font-weight:800}.brand small{display:block;color:var(--muted);font-weight:500;margin-top:2px}button,input{font:inherit}button{border:0;border-radius:12px;padding:12px 16px;cursor:pointer}button:focus-visible,input:focus-visible{outline:3px solid #8ddcff;outline-offset:2px}.card{background:var(--card);border:1px solid var(--line);box-shadow:0 20px 70px rgba(0,0,0,.28);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-radius:24px;padding:28px}input{width:100%;padding:14px;margin:7px 0;border-radius:12px;border:1px solid var(--line);background:rgba(0,0,0,.2);color:var(--text)}#login,#forgot{max-width:480px;margin:auto}#login>button:not(.link),#forgot>button:not(.link){width:100%;margin-top:8px;background:linear-gradient(135deg,var(--a),var(--b));color:#fff;font-weight:800}.link{background:transparent;color:#9fdcff}.hidden{display:none}.hero{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.grid h2{font-size:34px;margin:8px 0}.grid p,section p{color:var(--muted)}small{color:var(--muted);letter-spacing:.08em}@media(max-width:650px){.grid{grid-template-columns:1fr}.hero{align-items:flex-start;gap:15px;flex-direction:column}header{margin-bottom:35px}}