:root{--bg: #0f1117;--bg-accent: #1a152d;--card: rgba(26, 29, 39, .65);--card-solid: #1a1d27;--border: rgba(255, 255, 255, .08);--text: #e2e8f0;--heading: #ffffff;--muted: #94a3b8;--faint: #64748b;--accent: #7c4dff;--accent-2: #00e5ff;--accent-3: #6366f1;--danger: #e53e3e;--success: #38a169}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:radial-gradient(circle at top right,var(--bg-accent),var(--bg) 70%);background-attachment:fixed;color:var(--text);min-height:100vh;line-height:1.6;-webkit-font-smoothing:antialiased}a{color:var(--accent-2)}.gradient-text{background:linear-gradient(135deg,var(--accent),var(--accent-2));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:var(--accent)}.page-center{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px}.card{position:relative;width:100%;max-width:460px;background:var(--card);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border);border-radius:24px;padding:40px 32px;text-align:center;box-shadow:0 20px 50px #00000080,0 0 40px #7c4dff1a}.card h1{font-size:22px;font-weight:700;color:var(--heading);letter-spacing:-.5px;margin-bottom:8px}.card .subtitle{color:var(--muted);font-size:14px;margin-bottom:28px}.logo-row{display:flex;flex-direction:column;align-items:center;margin-bottom:24px;text-decoration:none}.logo-badge{display:flex;align-items:center;justify-content:center;width:64px;height:64px;background:linear-gradient(135deg,#7c4dff33,#00e5ff33);border:1px solid rgba(124,77,255,.3);border-radius:50%;margin-bottom:12px;box-shadow:0 0 20px #7c4dff33;overflow:hidden}.logo-badge img{width:40px;height:40px}.logo-text{font-size:26px;font-weight:800;letter-spacing:.5px}input[type=email],input[type=password]{width:100%;padding:15px 16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#fff;font-size:16px;margin-bottom:16px;transition:border-color .2s,box-shadow .2s}input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #7c4dff33}.btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:15px 24px;border:none;border-radius:12px;background:linear-gradient(135deg,var(--accent),var(--accent-3));color:#fff;font-size:16px;font-weight:600;cursor:pointer;text-decoration:none;transition:transform .2s,box-shadow .2s,opacity .2s}.btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 16px #7c4dff4d}.btn:disabled{background:#ffffff1a;color:#ffffff4d;cursor:not-allowed}.btn-danger{background:var(--danger)}.btn-danger:hover:not(:disabled){background:#c53030;box-shadow:0 8px 16px #e53e3e4d}.option-card{display:block;background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:16px;padding:20px;margin-bottom:16px;text-align:left;cursor:pointer;width:100%;color:inherit;font:inherit;text-decoration:none;transition:all .2s ease-in-out}.option-card:hover{background:#7c4dff14;border-color:#7c4dff4d;transform:translateY(-2px)}.option-header{display:flex;align-items:center;margin-bottom:6px}.option-title{font-size:16px;font-weight:700;color:var(--heading)}.option-desc{font-size:13px;color:var(--muted)}.badge-primary,.badge-ghost{margin-left:auto;padding:4px 10px;border-radius:20px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.badge-primary{background:linear-gradient(135deg,var(--accent),var(--accent-3));color:#fff}.badge-ghost{border:1px solid rgba(255,255,255,.15);color:var(--muted)}.message{display:none;padding:14px 16px;border-radius:12px;margin-bottom:20px;font-size:14px;text-align:left}.message.error{display:block;background:#e53e3e1a;border:1px solid rgba(229,62,62,.25);color:#fc8181}.message.success{display:block;background:#38a1691a;border:1px solid rgba(56,161,105,.25);color:#68d391}.loading-overlay{position:absolute;inset:0;background:#0f1117e0;border-radius:24px;display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .3s;z-index:10}.loading-overlay.active{opacity:1;pointer-events:auto}.spinner{width:40px;height:40px;border:3px solid rgba(124,77,255,.15);border-radius:50%;border-top-color:var(--accent-2);animation:spin 1s linear infinite;margin-bottom:16px}@keyframes spin{to{transform:rotate(360deg)}}.lang-container{display:flex;justify-content:center;gap:10px;margin-top:28px;border-top:1px solid rgba(255,255,255,.05);padding-top:20px}.lang-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:6px 12px;font-size:12px;font-weight:600;color:var(--muted);cursor:pointer;transition:all .2s}.lang-btn:hover,.lang-btn.active{background:#ffffff1a;color:#fff}.lang-btn.active{border-color:var(--accent);box-shadow:0 0 10px #7c4dff26}.page-footer{margin-top:28px;font-size:12px;color:var(--faint);text-align:center}.page-footer a{color:var(--muted);text-decoration:none;margin:0 8px}.page-footer a:hover{color:#fff}.hidden{display:none!important}