.navbar{position:sticky;top:0;background:#050507b3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--glass-border);z-index:100}.logo-text{font-weight:800;font-size:18px;letter-spacing:-.02em;color:#fff}.btn-nav{background:#fff;color:#000;padding:8px 16px;border-radius:8px;text-decoration:none;font-weight:600;font-size:14px;transition:all .2s}.btn-nav:hover{background:#e2e8f0}.card{width:100%;max-width:500px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:20px;padding:32px;box-shadow:var(--glass-shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.card h1{margin:0 0 8px;font-size:26px;font-weight:700;letter-spacing:-.03em}.card p{margin:0;color:var(--text-gray);line-height:1.5;font-size:15px}.label{display:grid;gap:8px;font-size:13px;font-weight:500;color:var(--text-gray)}.input{width:100%;padding:12px 16px;border-radius:10px;border:1px solid var(--glass-border);background:#0003;color:var(--text-white);outline:none;font-family:inherit;font-size:15px;box-sizing:border-box;transition:border-color .2s,background .2s}.input:focus{border-color:var(--primary);background:#3b82f60d}.btn{padding:14px;border-radius:10px;border:0;cursor:pointer;font-weight:600;font-size:15px;transition:transform .1s,background .2s;margin-top:8px}.btn-primary{background:var(--primary);color:#fff;box-shadow:0 4px 14px #3b82f64d}.btn-primary:hover{background:var(--primary-hover)}.helper{margin-top:20px;color:var(--text-gray);font-size:14px;text-align:center}.helper a{color:var(--primary);text-decoration:none;font-weight:500}.helper a:hover{text-decoration:underline}.alert{border:1px solid rgba(239,68,68,.2);background:#ef44441a;padding:12px;border-radius:10px;color:#fca5a5;font-size:14px;margin-bottom:16px;text-align:center}.ok{border:1px solid rgba(16,185,129,.2);background:#10b9811a;padding:12px;border-radius:10px;color:#86efac;font-size:14px;margin-bottom:16px;text-align:center}.wrap{max-width:1100px;margin:0 auto;padding:0 24px}.navbar{position:sticky;top:0;background:#ffffffd9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--glass-border);z-index:100}.nav-content{max-width:1100px;margin:0 auto;padding:16px 24px;display:flex;justify-content:space-between;align-items:center}.nav-brand{display:flex;align-items:center;gap:12px;text-decoration:none}.nav-logo-img{height:32px;width:auto}.logo-text{font-weight:800;font-size:18px;letter-spacing:-.02em;color:var(--text-main)}.btn-nav{background:var(--text-main);color:#fff;padding:8px 16px;border-radius:8px;text-decoration:none;font-weight:600;font-size:14px;transition:all .2s}.btn-nav:hover{background:var(--primary);transform:translateY(-1px)}.page{min-height:calc(100vh - 70px);display:grid;place-items:center;padding:40px 0}.card{width:100%;max-width:500px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:20px;padding:32px;box-shadow:0 10px 40px -10px #00000014;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.auth-header{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:24px}.auth-logo-img{height:48px;width:auto;margin-bottom:16px}.card h1{margin:0 0 8px;font-size:26px;font-weight:700;letter-spacing:-.03em;color:var(--text-main)}.card p{margin:0;color:var(--text-muted);line-height:1.5;font-size:15px}.form{display:grid;gap:16px}.label{display:grid;gap:8px;font-size:13px;font-weight:600;color:var(--text-main)}.input{width:100%;padding:12px 16px;border-radius:10px;border:1px solid #e2e8f0;background:var(--input-bg);color:var(--text-main);outline:none;font-family:inherit;font-size:15px;box-sizing:border-box;transition:all .2s;box-shadow:0 1px 2px #0000000d}.input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #2563eb1a}.row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.btn{padding:14px;border-radius:10px;border:0;cursor:pointer;font-weight:600;font-size:15px;transition:transform .1s,background .2s,box-shadow .2s;margin-top:8px}.btn:active{transform:scale(.98)}.btn-primary{background:var(--primary);color:#fff;box-shadow:0 4px 6px -1px #2563eb4d}.btn-primary:hover{background:var(--primary-hover);box-shadow:0 6px 10px -1px #2563eb66}.btn-primary:disabled{opacity:.7;cursor:not-allowed}.helper{margin-top:20px;color:var(--text-muted);font-size:14px;text-align:center}.helper a{color:var(--primary);text-decoration:none;font-weight:600}.helper a:hover{text-decoration:underline;color:var(--primary-hover)}.alert{border:1px solid #fecaca;background:#fef2f2;padding:12px;border-radius:10px;color:#b91c1c;font-size:14px;margin-bottom:16px;text-align:center}.ok{border:1px solid #bbf7d0;background:#f0fdf4;padding:12px;border-radius:10px;color:#15803d;font-size:14px;margin-bottom:16px;text-align:center}@media (max-width: 720px){.row{grid-template-columns:1fr;gap:16px}.card{margin:0 16px;padding:24px}}:root{--bg-app: #f8fafc;--text-main: #0f172a;--text-muted: #64748b;--primary: #2563eb;--primary-hover: #1d4ed8;--accent: #7c3aed;--glass-bg: rgba(255, 255, 255, .75);--glass-border: rgba(0, 0, 0, .06);--glass-shadow: 0 4px 6px -1px rgba(0, 0, 0, .05), 0 2px 4px -1px rgba(0, 0, 0, .03);--input-bg: #ffffff;--font-main: "Inter", system-ui, -apple-system, sans-serif}html,body{height:100%}body{margin:0;background-color:var(--bg-app);color:var(--text-main);font-family:var(--font-main);overflow-x:hidden;-webkit-font-smoothing:antialiased}a{color:inherit;transition:color .2s}a:hover{color:var(--primary)}.glow-bg{position:fixed;width:600px;height:600px;background:radial-gradient(circle,rgba(37,99,235,.08) 0%,transparent 65%);border-radius:50%;filter:blur(90px);z-index:-1;pointer-events:none}.left-glow{top:-200px;left:-200px;background:radial-gradient(circle,rgba(124,58,237,.08) 0%,transparent 65%)}.right-glow{top:10%;right:-200px}