.login-container{min-height:100vh;display:flex;justify-content:center;align-items:center;background:#030712;position:relative;overflow:hidden;font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;padding:20px}.login-container:before,.login-container:after{content:"";position:absolute;border-radius:50%;pointer-events:none;z-index:0}.login-container:before{width:450px;height:450px;background:radial-gradient(circle,#6366f140,#0000 70%);top:-10%;left:15%}.login-container:after{width:500px;height:500px;background:radial-gradient(circle,#a855f733,#0000 70%);bottom:-10%;right:15%}.login-card{position:relative;z-index:10;width:100%;max-width:420px;padding:40px 36px;border-radius:28px;background:#0f172aa6;border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);box-shadow:0 25px 60px #0009;box-sizing:border-box}.login-card h2{margin:0 0 8px;color:#f8fafc;font-size:28px;font-weight:800;letter-spacing:-.5px}.subtitle{color:#94a3b8;font-size:14px;margin-bottom:28px;line-height:1.5}.form-group{display:flex;flex-direction:column;margin-bottom:20px;text-align:left}.form-group label{font-size:13px;font-weight:600;margin-bottom:8px;color:#cbd5e1;letter-spacing:.3px}.form-group input{padding:14px 16px;background:#ffffff0a;border:1px solid rgba(255,255,255,.12);border-radius:12px;font-size:15px;color:#f8fafc;outline:none;transition:all .2s ease-in-out}.form-group input::placeholder{color:#64748b}.form-group input:focus{border-color:#6366f1;background:#6366f114;box-shadow:0 0 0 4px #6366f126}.login-btn{width:100%;padding:16px;margin-top:10px;background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;border:none;border-radius:14px;font-size:16px;font-weight:700;cursor:pointer;box-shadow:0 10px 25px #4f46e566;transition:all .2s ease-in-out}.login-btn:hover{transform:translateY(-1px);box-shadow:0 14px 30px #4f46e580;background:linear-gradient(135deg,#4f46e5,#4338ca)}.login-btn:active{transform:translateY(1px)}.form-footer{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:18px;color:#cbd5e1;font-size:13px}.form-footer button.footer-link{background:none;border:none;color:#a5b4fc;font-weight:700;cursor:pointer;padding:0}.form-footer button.footer-link:hover{text-decoration:underline}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background-color:#030712;font-family:Plus Jakarta Sans,sans-serif;padding:20px;box-sizing:border-box}.login-card{background:#0f172abf;border:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);padding:40px;border-radius:24px;width:100%;max-width:420px;box-shadow:0 25px 50px -12px #00000080;display:flex;flex-direction:column}.login-card h2{margin:0 0 8px;color:#f8fafc;font-size:26px;font-weight:700;text-align:center}.login-card .subtitle{margin:0 0 24px;color:#94a3b8;font-size:14px;text-align:center}.alert{padding:10px 14px;border-radius:10px;font-size:13px;margin-bottom:16px;text-align:left}.alert-error{background:#ef444426;border:1px solid #ef4444;color:#f87171}.alert-info{background:#38bdf81f;border:1px solid #38bdf8;color:#7dd3fc}.form-group{display:flex;flex-direction:column;gap:8px;margin-bottom:18px;text-align:left}.form-group label{color:#cbd5e1;font-size:13px;font-weight:600}.form-group input{background:#1e293b99;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:12px 16px;color:#f8fafc;font-size:14px;outline:none}.primary-btn{background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;border:none;border-radius:12px;padding:14px;font-size:15px;font-weight:600;cursor:pointer;width:100%;margin-top:6px}.primary-btn:hover:not(:disabled){opacity:.95;box-shadow:0 6px 20px #4f46e573}.secondary-btn{background:transparent;border:1px solid #0ea5e9;color:#38bdf8;border-radius:12px;padding:12px;font-size:14px;font-weight:600;cursor:pointer;width:100%;margin-top:10px}.secondary-btn:hover:not(:disabled){background:#0ea5e91a}.form-footer{margin-top:24px;display:flex;align-items:center;justify-content:center;gap:8px;font-size:14px;color:#94a3b8}.form-footer .link-btn{background:transparent;border:none;color:#818cf8;font-size:14px;font-weight:700;cursor:pointer;padding:0;text-decoration:underline}.form-footer .link-btn:hover{color:#a5b4fc}:root{--bg-dark: #030712;--card-bg: rgba(15, 23, 42, .65);--card-border: rgba(255, 255, 255, .08);--text-main: #f8fafc;--text-muted: #94a3b8;--accent-primary: #6366f1;--accent-gradient: linear-gradient(135deg, #6366f1 0%, #a855f7 100%)}html,body,#root{height:100%;margin:0;padding:0;background-color:var(--bg-dark)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#ffffff40}@keyframes equalizer{0%,to{height:6px}50%{height:30px}}@keyframes ripple1{0%{transform:scale(1);opacity:.8}to{transform:scale(1.6);opacity:0}}@keyframes ripple2{0%{transform:scale(1);opacity:.6}to{transform:scale(2.1);opacity:0}}@keyframes floatGlow{0%{filter:drop-shadow(0 0 12px rgba(99,102,241,.4));transform:translateY(0)}50%{filter:drop-shadow(0 0 28px rgba(168,85,247,.8));transform:translateY(-3px)}to{filter:drop-shadow(0 0 12px rgba(99,102,241,.4));transform:translateY(0)}}@keyframes messageAppear{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}:root{--bg-dark: #090d16;--card-bg: #1e293b;--card-border: rgba(255, 255, 255, .08);--accent-blue: #6366f1;--accent-purple: #a855f7;--text-main: #f8fafc;--text-sub: #94a3b8}*{box-sizing:border-box}.practice-dashboard{min-height:100vh;background-color:var(--bg-dark);color:var(--text-main);font-family:Plus Jakarta Sans,system-ui,-apple-system,sans-serif;display:flex;flex-direction:column}.dashboard-header{height:64px;background:#0f172a;border-bottom:1px solid var(--card-border);display:flex;align-items:center;justify-content:space-between;padding:0 32px}.header-logo{display:flex;align-items:center;gap:10px}.logo-icon{font-size:24px}.header-logo h2{margin:0;font-size:18px;font-weight:700;color:#f8fafc;letter-spacing:-.3px}.logout-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.15);color:#cbd5e1;padding:8px 16px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease}.logout-btn:hover{background:#ffffff1f;color:#fff}.dashboard-container{max-width:1100px;width:100%;margin:0 auto;padding:40px 24px;flex:1}.dashboard-welcome{margin-bottom:32px}.dashboard-welcome h1{margin:0 0 8px;font-size:28px;font-weight:800;letter-spacing:-.5px}.dashboard-welcome p{margin:0;font-size:15px;color:var(--text-sub)}.modules-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}.module-card{background:var(--card-bg);border:1px solid var(--card-border);padding:24px;border-radius:16px;display:flex;flex-direction:column;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 10px 25px #0000004d}.module-card:hover{transform:translateY(-4px);border-color:#6366f166;box-shadow:0 15px 35px #00000080,0 0 20px #6366f126}.card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.module-icon{font-size:32px}.module-tag{background:#6366f126;color:#a5b4fc;font-size:11px;font-weight:700;padding:4px 10px;border-radius:20px;border:1px solid rgba(99,102,241,.3)}.module-card h3{margin:0 0 8px;font-size:18px;font-weight:700;color:#f8fafc}.module-card p{margin:0 0 24px;font-size:13px;line-height:1.6;color:var(--text-sub);flex:1}.start-btn{width:100%;padding:12px;border-radius:10px;border:none;background:linear-gradient(135deg,var(--accent-blue),#4f46e5);color:#fff;font-weight:700;font-size:13px;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #4f46e54d}.start-btn:hover{opacity:.95;box-shadow:0 6px 18px #4f46e580}.start-btn.speaking-btn{background:linear-gradient(135deg,var(--accent-blue),var(--accent-purple))}