.exam-page{max-width:1300px;min-height:100vh;margin:auto;padding:32px}.exam-header{justify-content:space-between;align-items:center;margin-bottom:32px;display:flex}.exam-title{font-size:40px;font-weight:800}.exam-subtitle{color:#64748b;margin-top:8px}.exam-timer{color:#fff;background:#0f172a;border-radius:14px;padding:16px 28px;font-size:28px;font-weight:800}.exam-card{background:#fff;border-radius:20px;margin-bottom:24px;padding:28px;box-shadow:0 8px 30px #00000014}.exam-textarea{resize:vertical;border:2px solid #e2e8f0;border-radius:14px;width:100%;margin-top:18px;padding:18px;font-size:16px}.exam-textarea:focus{border-color:#06b6d4}.exam-input{border:2px solid #e2e8f0;border-radius:12px;width:100%;padding:14px}.exam-actions{flex-wrap:wrap;gap:16px;margin-top:30px;display:flex}.writing-stat{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff2e;border-radius:16px;flex-direction:column;min-width:110px;padding:16px 20px;display:flex}.writing-stat span{opacity:.9;margin-bottom:8px;font-size:13px}.writing-stat strong{font-size:24px;font-weight:800}.writing-tabs{background:#fff;border-radius:18px;gap:8px;margin-bottom:28px;padding:8px;display:flex;box-shadow:0 8px 24px #0f172a14}.writing-tab{cursor:pointer;color:#64748b;background:0 0;border:none;border-radius:14px;flex:1;height:56px;font-size:17px;font-weight:700;transition:all .25s}.writing-tab:hover{background:#f8fafc}.writing-tab.active{color:#fff;background:linear-gradient(135deg,#f97316,#ea580c);box-shadow:0 10px 25px #f9731647}.question-panel{border-right:1px solid #e2e8f0;flex-direction:column;gap:22px;padding-right:25px;display:flex}.question-header{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.question-header h2{color:#0f172a;margin-bottom:8px;font-size:30px;font-weight:800}.question-header p{color:#64748b;font-weight:600}.task-badge{color:#fff;white-space:nowrap;background:linear-gradient(135deg,#f97316,#ea580c);border-radius:999px;padding:12px 18px;font-weight:700}.question-box{color:#334155;background:#f8fafc;border:1px solid #e2e8f0;border-radius:18px;padding:22px;font-size:17px;line-height:1.9}.writing-image{border:1px solid #e2e8f0;border-radius:18px;width:100%;box-shadow:0 12px 28px #0f172a14}.editor-panel{flex-direction:column;height:100%;display:flex}.editor-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.editor-header h2{color:#0f172a;margin-bottom:6px;font-size:28px;font-weight:800}.editor-header p{color:#64748b}.word-chip{color:#ea580c;background:#fff7ed;border-radius:999px;padding:12px 20px;font-weight:700}.writing-editor{resize:none;background:#fff;border:2px solid #e2e8f0;border-radius:20px;outline:none;width:100%;height:650px;padding:24px;font-family:Arial,sans-serif;font-size:17px;line-height:2;transition:all .25s}.writing-editor:focus{border-color:#f97316;box-shadow:0 0 0 5px #f9731626}.editor-footer{background:#f8fafc;border-radius:16px;justify-content:space-between;margin-top:18px;padding:20px;font-size:15px;display:flex}.editor-footer div{flex-direction:column;gap:6px;display:flex}.editor-footer strong{color:#0f172a}.writing-toolbar{background:#fff;border-radius:20px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-top:30px;padding:25px;display:flex;box-shadow:0 12px 35px #0f172a14}.toolbar-left{flex-wrap:wrap;gap:14px;display:flex}.toolbar-right{display:flex}.secondary-btn{cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;padding:14px 22px;font-weight:700;transition:all .25s}.secondary-btn:hover{background:#fff7ed;border-color:#f97316}.toolbar-right .primary-btn{padding:15px 30px;font-size:16px}[data-theme=dark] .exam-page{background:var(--bg,#0b0f19);color:var(--text,#f8fafc)}[data-theme=dark] .exam-card,[data-theme=dark] .exam-toolbar,[data-theme=dark] .question-block,[data-theme=dark] .writing-tabs,[data-theme=dark] .question-box,[data-theme=dark] .writing-editor,[data-theme=dark] .editor-footer,[data-theme=dark] .writing-toolbar{background:var(--surface,#151c2c)!important;border-color:var(--border,#26334d)!important;color:var(--text,#f8fafc)!important}[data-theme=dark] .writing-tab{color:var(--text-muted,#94a3b8)}[data-theme=dark] .writing-tab:hover{background:var(--surface-2,#1e293b)}[data-theme=dark] .exam-title,[data-theme=dark] .question-text,[data-theme=dark] .question-header h2,[data-theme=dark] .editor-header h2,[data-theme=dark] .editor-footer strong{color:var(--text,#f8fafc)!important}[data-theme=dark] .exam-subtitle,[data-theme=dark] .question-header p,[data-theme=dark] .editor-header p{color:var(--text-muted,#94a3b8)!important}[data-theme=dark] .question-panel{border-right-color:var(--border,#26334d)}[data-theme=dark] .secondary-btn{background:var(--surface-2,#1e293b);border-color:var(--border,#26334d);color:var(--text,#f8fafc)}[data-theme=dark] .secondary-btn:hover{background:var(--border,#26334d)}@media (width<=900px){.question-panel{border-right:none;padding-right:0}.writing-editor{height:400px;padding:16px;font-size:15px}.writing-toolbar{flex-direction:column;align-items:stretch}}@media (width<=768px){.exam-page{padding:16px 12px}.exam-header{flex-direction:column;align-items:flex-start;gap:12px}.exam-title{font-size:24px}.writing-tabs{flex-wrap:wrap;height:auto}.writing-tab{height:46px;font-size:14px}.editor-footer{flex-direction:column;gap:12px}}.ai-studio{color:#fff;background:#020617;grid-template-columns:300px 1fr;min-height:calc(100vh - 70px);font-family:Inter,system-ui,sans-serif;display:grid}.ai-sidebar{background:#0a1628;border-right:1px solid #ffffff0f;flex-direction:column;gap:20px;height:calc(100vh - 70px);padding:24px 20px;display:flex;position:sticky;top:70px;overflow-y:auto}.ai-sidebar::-webkit-scrollbar{width:4px}.ai-sidebar::-webkit-scrollbar-track{background:0 0}.ai-sidebar::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}.sidebar-back{color:#94a3b8;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff14;border-radius:12px;align-items:center;gap:8px;width:fit-content;padding:10px 16px;font-size:14px;font-weight:600;transition:all .25s;display:flex}.sidebar-back:hover{color:#22d3ee;background:#22d3ee1a;border-color:#22d3ee40;transform:translate(-3px)}.sidebar-brand{background:#ffffff0a;border:1px solid #ffffff12;border-radius:18px;align-items:center;gap:14px;padding:16px;display:flex}.sidebar-orb{color:#fff;background:linear-gradient(135deg,#06b6d4,#3b82f6);border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;display:flex;box-shadow:0 10px 30px #22d3ee4d}.sidebar-brand h2{color:#fff;margin-bottom:4px;font-size:18px;font-weight:800}.online-badge{color:#22c55e;align-items:center;gap:7px;font-size:12px;font-weight:600;display:flex}.green-pulse{background:#22c55e;border-radius:50%;width:8px;height:8px;animation:2s infinite pulseDot;display:inline-block;box-shadow:0 0 10px #22c55ecc}@keyframes pulseDot{0%{opacity:.7;transform:scale(.9)}50%{opacity:1;transform:scale(1.3)}to{opacity:.7;transform:scale(.9)}}.sidebar-card{background:#ffffff0a;border:1px solid #ffffff12;border-radius:18px;padding:18px;transition:all .3s}.sidebar-card:hover{border-color:#22d3ee33}.card-label{letter-spacing:1.5px;color:#64748b;text-transform:uppercase;margin-bottom:10px;font-size:11px}.card-title-row{color:#22d3ee;align-items:center;gap:9px;margin-bottom:14px;font-size:14px;font-weight:700;display:flex}.band-score{color:#fff;margin-bottom:12px;font-size:52px;font-weight:900;line-height:1}.band-bar{background:#ffffff14;border-radius:999px;height:8px;margin-bottom:8px;overflow:hidden}.band-fill{background:linear-gradient(90deg,#06b6d4,#3b82f6);border-radius:999px;height:100%}.band-target{color:#94a3b8;font-size:13px}.memory-row{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:9px 0;font-size:13px;display:flex}.memory-row:last-child{border:none}.memory-row span{color:#94a3b8}.memory-row strong{color:#fff;font-weight:700}.mission-row{color:#cbd5e1;border-bottom:1px solid #ffffff0d;align-items:center;gap:10px;padding:9px 0;font-size:13px;display:flex}.mission-row:last-child{border:none}.mission-row svg{color:#22c55e;flex-shrink:0}.model-row{background:#ffffff08;border:1px solid #ffffff0d;border-radius:10px;justify-content:space-between;align-items:center;margin-bottom:6px;padding:9px 12px;font-size:13px;display:flex}.model-row.active{background:linear-gradient(135deg,#06b6d433,#3b82f633);border-color:#22d3ee66}.model-row span{color:#fff;font-weight:600}.model-row small{color:#64748b;font-size:11px}.model-row.active small{color:#22d3ee}.activity-row{border-bottom:1px solid #ffffff0d;align-items:flex-start;gap:10px;padding:10px 0;font-size:13px;display:flex}.activity-row:last-child{border:none}.activity-row svg{color:#22d3ee;flex-shrink:0;margin-top:2px}.activity-row strong{color:#fff;margin-bottom:2px;display:block}.activity-row p{color:#64748b;font-size:12px}.achievement-chip{color:#cbd5e1;background:#ffffff0d;border:1px solid #ffffff14;border-radius:999px;margin:4px 4px 0 0;padding:7px 13px;font-size:13px;display:inline-block}.sidebar-premium{text-align:center;background:linear-gradient(135deg,#0f172a,#1e1b4b);border:1px solid #8b5cf64d;border-radius:18px;padding:22px 18px}.sidebar-premium svg{color:#a78bfa;margin-bottom:10px}.sidebar-premium h3{color:#fff;margin-bottom:8px;font-size:18px;font-weight:800}.sidebar-premium p{color:#94a3b8;margin-bottom:16px;font-size:13px;line-height:1.7}.sidebar-premium button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#8b5cf6,#ec4899);border:none;border-radius:12px;width:100%;padding:12px;font-size:14px;font-weight:700;transition:all .3s}.sidebar-premium button:hover{transform:translateY(-2px);box-shadow:0 12px 30px #8b5cf659}.ai-main{flex-direction:column;height:calc(100vh - 70px);display:flex;overflow:hidden}.chat-header{background:#ffffff05;border-bottom:1px solid #ffffff0f;flex-shrink:0;justify-content:space-between;align-items:center;padding:20px 32px;display:flex}.chat-header-left{align-items:center;gap:14px;display:flex}.chat-avatar-header{color:#fff;background:linear-gradient(135deg,#8b5cf6,#ec4899);border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;display:flex;box-shadow:0 8px 20px #8b5cf64d}.chat-header-left h1{color:#fff;margin-bottom:3px;font-size:20px;font-weight:800}.chat-header-left span{color:#64748b;align-items:center;gap:5px;font-size:13px;display:flex}.chat-header-left span svg{color:#22d3ee}.chat-header-right{gap:10px;display:flex}.header-btn{color:#94a3b8;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff14;border-radius:10px;align-items:center;gap:7px;padding:9px 16px;font-size:13px;font-weight:600;transition:all .25s;display:flex}.header-btn:hover{color:#22d3ee;background:#22d3ee1a;border-color:#22d3ee40}.quick-prompts{flex-shrink:0;padding:16px 32px 0}.quick-label{color:#64748b;text-transform:uppercase;letter-spacing:1px;align-items:center;gap:6px;margin-bottom:10px;font-size:12px;font-weight:600;display:flex}.quick-label svg{color:#22d3ee}.quick-chips{flex-wrap:wrap;gap:8px;display:flex}.quick-chip{color:#cbd5e1;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff14;border-radius:999px;padding:8px 14px;font-size:13px;font-weight:600;transition:all .25s}.quick-chip:hover:not(:disabled){color:#22d3ee;background:#22d3ee1a;border-color:#22d3ee4d;transform:translateY(-2px)}.quick-chip:disabled{opacity:.45;cursor:not-allowed}.chat-messages{flex-direction:column;flex:1;gap:20px;padding:24px 32px;display:flex;overflow-y:auto}.chat-messages::-webkit-scrollbar{width:5px}.chat-messages::-webkit-scrollbar-track{background:0 0}.chat-messages::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:4px}.chat-msg{align-items:flex-start;gap:14px;animation:.3s msgIn;display:flex}@keyframes msgIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.chat-msg.user{flex-direction:row-reverse}.msg-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.ai-av{background:linear-gradient(135deg,#8b5cf6,#ec4899);box-shadow:0 6px 18px #8b5cf659}.user-av{background:linear-gradient(135deg,#06b6d4,#3b82f6);box-shadow:0 6px 18px #22d3ee4d}.msg-bubble{border-radius:20px;max-width:72%;padding:16px 20px;font-size:15px;line-height:1.8}.msg-bubble.assistant{color:#e2e8f0;background:#ffffff0f;border:1px solid #ffffff14;border-top-left-radius:6px}.msg-bubble.user{color:#fff;background:linear-gradient(135deg,#06b6d4,#3b82f6);border-top-right-radius:6px}.msg-bubble p{margin-bottom:10px}.msg-bubble p:last-child{margin-bottom:0}.msg-bubble ul,.msg-bubble ol{margin-bottom:10px;padding-left:20px}.msg-bubble li{margin-bottom:5px}.msg-bubble strong{color:#22d3ee}.msg-bubble.user strong{color:#fff}.msg-bubble code{background:#0000004d;border-radius:5px;padding:2px 7px;font-family:monospace;font-size:13px}.typing-bubble{align-items:center;gap:6px;min-width:60px;padding:16px 22px;display:flex}.dot{background:#22d3ee;border-radius:50%;width:8px;height:8px;animation:1.3s infinite typingDot}.dot:nth-child(2){animation-delay:.2s}.dot:nth-child(3){animation-delay:.4s}@keyframes typingDot{0%,60%,to{opacity:.5;transform:translateY(0)}30%{opacity:1;transform:translateY(-8px)}}.chat-input-area{background:#ffffff04;border-top:1px solid #ffffff0f;flex-shrink:0;padding:20px 32px 24px}.chat-input-wrapper{background:#ffffff0f;border:1px solid #ffffff1a;border-radius:18px;align-items:flex-end;gap:12px;padding:12px 16px;transition:border .25s;display:flex}.chat-input-wrapper:focus-within{border-color:#22d3ee66;box-shadow:0 0 0 3px #22d3ee12}.chat-input{color:#fff;resize:none;background:0 0;border:none;outline:none;flex:1;min-height:24px;max-height:140px;font-family:Inter,sans-serif;font-size:15px;line-height:1.6}.chat-input::placeholder{color:#475569}.send-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#06b6d4,#3b82f6);border:none;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;transition:all .25s;display:flex;box-shadow:0 6px 20px #22d3ee40}.send-btn:hover:not(.disabled){transform:translateY(-2px);box-shadow:0 10px 28px #22d3ee66}.send-btn.disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.input-hint{color:#334155;text-align:center;margin-top:8px;font-size:12px}@media (width<=900px){.ai-studio{grid-template-columns:1fr}.ai-sidebar{display:none}.ai-main{height:calc(100vh - 70px)}.chat-messages,.chat-input-area,.quick-prompts{padding-left:20px;padding-right:20px}.chat-header{padding:16px 20px}.msg-bubble{max-width:88%}}@media (width<=500px){.quick-chips{gap:6px}.quick-chip{padding:7px 12px;font-size:12px}.chat-header-left h1{font-size:17px}}:root{--primary-50:#eff6ff;--primary-100:#dbeafe;--primary-200:#bfdbfe;--primary-300:#93c5fd;--primary-400:#60a5fa;--primary-500:#3b82f6;--primary-600:#2563eb;--primary-700:#1d4ed8;--primary-800:#1e40af;--primary-900:#1e3a8a;--purple:#8b5cf6;--green:#22c55e;--orange:#f97316;--red:#ef4444;--pink:#ec4899;--cyan:#06b6d4;--teal:#14b8a6;--yellow:#facc15;--bg:#f6f8fc;--bg-soft:#fbfcfe;--surface:#fff;--surface-2:#f8fafc;--surface-3:#f1f5f9;--card:#fff;--card-hover:#f8fafc;--glass:#ffffffb8;--glass-border:#ffffff8c;--text:#0f172a;--text-secondary:#475569;--text-light:#334155;--text-muted:#64748b;--text-faint:#94a3b8;--white:#fff;--border:#e2e8f0;--border-light:#eef2f7;--divider:#94a3b82e;--success:#22c55e;--success-bg:#ecfdf5;--warning:#f59e0b;--warning-bg:#fffbeb;--danger:#ef4444;--danger-bg:#fef2f2}[data-theme=dark]{--bg:#0b0f19;--bg-soft:#0f172a;--surface:#151c2c;--surface-2:#1e293b;--surface-3:#334155;--card:#151c2c;--card-hover:#1e293b;--text:#f8fafc;--text-light:#e2e8f0;--text-muted:#94a3b8;--text-faint:#64748b;--border:#26334d;--border-light:#1e293b;--divider:#ffffff1f;--success-bg:#22c55e26;--warning-bg:#f59e0b26;--danger-bg:#ef444426;--glass:#151c2ce0;--glass-border:#ffffff1f}:root{--shadow-xs:0 2px 6px #0f172a0a;--shadow-sm:0 10px 25px #0f172a0d;--shadow-md:0 18px 45px #0f172a14;--shadow-lg:0 30px 70px #0f172a1f;--shadow-xl:0 45px 100px #0f172a2e;--shadow-primary:0 20px 45px #2563eb38;--shadow-success:0 18px 45px #22c55e2e;--shadow-danger:0 18px 45px #ef44442e;--radius-xs:12px;--radius-sm:18px;--radius-md:24px;--radius-lg:32px;--radius-xl:40px;--radius-round:999px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:32px;--space-8:40px;--space-9:48px;--space-10:64px;--space-11:80px;--space-12:96px;--dashboard-width:1480px;--content-width:1280px;--section-gap:48px;--card-gap:28px;--hero-height:720px;--card-height:250px;--stat-height:170px;--action-height:280px;--font-family:"Inter", system-ui, sans-serif;--hero-title:clamp(2.8rem,5vw,4.4rem);--heading:clamp(2rem,3vw,2.8rem);--subheading:1.4rem;--body:1rem;--small:.875rem;--fw-regular:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700;--fw-extrabold:800;--fw-black:900;--transition-fast:.2s cubic-bezier(.4,0,.2,1);--transition:.3s cubic-bezier(.4,0,.2,1);--transition-slow:.45s cubic-bezier(.4,0,.2,1);--blur-sm:10px;--blur-md:18px;--blur-lg:28px;--z-overlay:10;--z-dropdown:100;--z-modal:1000}*,:before,:after{box-sizing:border-box}body{font-family:var(--font-family);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;padding:0}img{max-width:100%;display:block}button{cursor:pointer;font-family:inherit}::selection{background:var(--primary-600);color:#fff}@keyframes heroFadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}@keyframes slideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes slideLeft{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@keyframes slideRight{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:translate(0)}}@keyframes zoomIn{0%{opacity:0;transform:scale(.88)}to{opacity:1;transform:scale(1)}}@keyframes softDrop{0%{opacity:0;transform:translateY(-18px)}to{opacity:1;transform:translateY(0)}}.animate-fade-up{animation:.75s both heroFadeUp}.animate-fade{animation:.6s both fadeIn}.animate-scale{animation:.55s both scaleIn}.animate-slide-up{animation:.7s both slideUp}.animate-slide-left{animation:.7s both slideLeft}.animate-slide-right{animation:.7s both slideRight}.animate-zoom{animation:.55s both zoomIn}.animate-drop{animation:.55s both softDrop}.delay-1{animation-delay:80ms}.delay-2{animation-delay:.16s}.delay-3{animation-delay:.24s}.delay-4{animation-delay:.32s}.delay-5{animation-delay:.4s}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-8px)}to{transform:translateY(0)}}@keyframes floatSmall{0%{transform:translateY(0)}50%{transform:translateY(-4px)}to{transform:translateY(0)}}@keyframes pulse{50%{opacity:.5}}@keyframes softPulse{0%{opacity:1;transform:scale(1)}50%{opacity:.95;transform:scale(1.02)}to{opacity:1;transform:scale(1)}}@keyframes glowPulse{0%{box-shadow:0 0 #2563eb00}50%{box-shadow:0 0 35px #2563eb40}to{box-shadow:0 0 #2563eb00}}@keyframes breathe{0%{transform:scale(1)}50%{transform:scale(1.015)}to{transform:scale(1)}}@keyframes bounce{0%,to{animation-timing-function:cubic-bezier(.8,0,1,1);transform:translateY(-25%)}50%{animation-timing-function:cubic-bezier(0,0,.2,1);transform:none}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes spinSlow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes wobble{0%{transform:rotate(0)}25%{transform:rotate(-3deg)}50%{transform:rotate(3deg)}75%{transform:rotate(-2deg)}to{transform:rotate(0)}}.animate-float{animation:4s ease-in-out infinite float}.animate-float-small{animation:3s ease-in-out infinite floatSmall}.animate-pulse{animation:1.8s ease-in-out infinite pulse}.animate-soft-pulse{animation:2.5s ease-in-out infinite softPulse}.animate-glow{animation:2.8s ease-in-out infinite glowPulse}.animate-breathe{animation:3s ease-in-out infinite breathe}.animate-bounce{animation:1.2s bounce}.animate-spin{animation:1s linear infinite spin}.animate-spin-slow{animation:12s linear infinite spinSlow}.animate-wobble{animation:.8s wobble}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes sweep{0%{opacity:0;transform:translate(-130%)skew(-25deg)}25%{opacity:1}to{opacity:0;transform:translate(220%)skew(-25deg)}}@keyframes progressShine{0%{left:-120%}to{left:180%}}@keyframes buttonShine{0%{left:-140%}to{left:200%}}@keyframes cardGlow{0%{filter:brightness()}50%{filter:brightness(1.04)}to{filter:brightness()}}@keyframes gradientShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes skeleton{0%{background-position:-220px 0}to{background-position:calc(220px + 100%) 0}}@keyframes ripple{0%{opacity:.55;transform:scale(.2)}to{opacity:0;transform:scale(2.6)}}@keyframes blink{0%,to{opacity:1}50%{opacity:.35}}.animate-shimmer{background:linear-gradient(90deg,#fff0,#ffffff59,#fff0) 0 0/200% 100%;animation:1.8s linear infinite shimmer}.animate-gradient{background-size:300% 300%;animation:8s infinite gradientShift}.animate-card-glow{animation:2.8s ease-in-out infinite cardGlow}.skeleton{background:linear-gradient(90deg,#eef2f7 25%,#f8fafc 50%,#eef2f7 75%) 0 0/300% 100%;animation:1.4s linear infinite skeleton}.animate-ripple{animation:.9s ease-out ripple}.animate-blink{animation:1.3s ease-in-out infinite blink}.hover-shine{position:relative;overflow:hidden}.hover-shine:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff73,#0000);width:45%;position:absolute;inset:0 0 0 -140%;transform:skew(-25deg)}.hover-shine:hover:before{animation:.9s linear sweep}.duration-fast{animation-duration:.25s!important}.duration-normal{animation-duration:.5s!important}.duration-slow{animation-duration:.8s!important}.duration-slower{animation-duration:1.2s!important}.delay-100{animation-delay:.1s!important}.delay-200{animation-delay:.2s!important}.delay-300{animation-delay:.3s!important}.delay-500{animation-delay:.5s!important}.delay-700{animation-delay:.7s!important}.ease-linear{animation-timing-function:linear!important}.ease-in{animation-timing-function:cubic-bezier(.4,0,1,1)!important}.ease-out{animation-timing-function:cubic-bezier(0,0,.2,1)!important}.ease-in-out{animation-timing-function:cubic-bezier(.4,0,.2,1)!important}.animate-once{animation-iteration-count:1!important}.animate-repeat{animation-iteration-count:infinite!important}.animate-alternate{animation-direction:alternate!important}.animate-paused{animation-play-state:paused!important}.animate-running{animation-play-state:running!important}.hover-play:hover{animation-play-state:running}.hover-pause:hover{animation-play-state:paused}.fill-both{animation-fill-mode:both!important}.fill-forwards{animation-fill-mode:forwards!important}.fill-backwards{animation-fill-mode:backwards!important}.animate-fade-up,.animate-fade,.animate-scale,.animate-slide-up,.animate-slide-left,.animate-slide-right,.animate-zoom,.animate-drop,.animate-float,.animate-float-small,.animate-pulse,.animate-soft-pulse,.animate-glow,.animate-breathe,.animate-bounce,.animate-spin,.animate-spin-slow,.animate-wobble,.animate-shimmer,.animate-gradient,.animate-card-glow,.animate-ripple,.animate-blink{will-change:transform, opacity, filter, box-shadow, background-position;backface-visibility:hidden;transform:translateZ(0)}@media (prefers-reduced-motion:reduce){.animate-fade-up,.animate-fade,.animate-scale,.animate-slide-up,.animate-slide-left,.animate-slide-right,.animate-zoom,.animate-drop,.animate-float,.animate-float-small,.animate-pulse,.animate-soft-pulse,.animate-glow,.animate-breathe,.animate-bounce,.animate-spin,.animate-spin-slow,.animate-wobble,.animate-shimmer,.animate-gradient,.animate-card-glow,.animate-ripple,.animate-blink{transition:none!important;animation:none!important;transform:none!important}}.hover-lift{transition:transform .3s,box-shadow .3s}.hover-lift:hover{transform:translateY(-6px)}.hover-scale{transition:transform .3s}.hover-scale:hover{transform:scale(1.03)}.hover-rotate{transition:transform .3s}.hover-rotate:hover{transform:rotate(-4deg)}.opacity-0{opacity:0}.opacity-100{opacity:1}.invisible{visibility:hidden}.visible{visibility:visible}*{animation-fill-mode:both}@media (hover:hover){.gpu{will-change:transform;transform:translateZ(0)}}.dashboard-page{width:min(100%,var(--dashboard-width));padding:var(--space-6) var(--space-7) var(--space-8);flex-direction:column;gap:24px;margin-inline:auto;display:flex;position:relative}.dashboard-page:before{content:"";pointer-events:none;z-index:-2;background:radial-gradient(circle at 0 0,#2563eb0d,#0000 35%),radial-gradient(circle at 100% 0,#8b5cf60d,#0000 35%),radial-gradient(circle at 100% 100%,#06b6d40a,#0000 35%),linear-gradient(#fbfcff,#f6f8fc);position:fixed;inset:0}.dashboard-grid{grid-template-columns:minmax(0,1fr) minmax(360px,430px);gap:32px;display:grid}.dashboard-section{width:100%;animation:.55s dashboardFade}.dashboard-section>*{width:100%}.section-header{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:28px;display:flex}.section-header h2{letter-spacing:-1px;color:var(--text);font-size:clamp(2rem,3vw,2.6rem);font-weight:900}.section-header p{color:var(--text-muted);max-width:620px;margin-top:8px;line-height:1.7}.dashboard-card,.hero-progress-card,.hero-ai-card,.prediction-card,.continue-card,.quick-card,.goal-card,.skills-card,.ai-card,.stat-card,.activity-card,.ai-status-card,.premium-banner{border-radius:32px;width:100%;overflow:hidden}.hero-progress-card,.hero-ai-card,.continue-card,.quick-card,.goal-card,.skills-card,.ai-card,.stat-card,.activity-card,.ai-status-card,.premium-banner{border:1px solid var(--border);box-shadow:var(--shadow-sm);background:#fff}.hero-progress-card:hover,.hero-ai-card:hover,.continue-card:hover,.quick-card:hover,.goal-card:hover,.skills-card:hover,.ai-card:hover,.stat-card:hover,.activity-card:hover,.ai-status-card:hover{box-shadow:var(--shadow-lg);transition:var(--transition);transform:translateY(-6px)}.two-column{grid-template-columns:1fr 1fr;gap:28px;display:grid}.three-column{grid-template-columns:repeat(3,1fr);gap:28px;display:grid}.four-column{grid-template-columns:repeat(4,1fr);gap:28px;display:grid}.dashboard-pair{grid-template-columns:1fr 1fr;gap:30px;display:grid}.dashboard-full{grid-column:1/-1}.dashboard-limit{max-width:var(--content-width)}.dashboard-divider{background:var(--divider);width:100%;height:1px}@keyframes dashboardFade{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}@media (width<=1400px){.dashboard-page{padding:40px}}@media (width<=1200px){.dashboard-page{padding:36px}.dashboard-grid,.dashboard-pair{grid-template-columns:1fr}.four-column,.three-column{grid-template-columns:repeat(2,1fr)}}@media (width<=992px){.dashboard-page{padding:28px}.two-column,.three-column,.four-column{grid-template-columns:1fr}.section-header{flex-direction:column;align-items:flex-start}.section-header h2{font-size:2rem}}@media (width<=768px){.dashboard-page{gap:36px;padding:20px}.dashboard-section{margin:0}.section-header{margin-bottom:20px}.section-header h2{font-size:1.75rem}.section-header p{font-size:.95rem}}@media (width<=480px){.dashboard-page{padding:16px}.section-header h2{font-size:1.5rem}}.dashboard-hero{isolation:isolate;background:radial-gradient(circle at 100% 0,#2563eb1a,#0000 35%),radial-gradient(circle at 0 100%,#6366f114,#0000 40%),linear-gradient(#fffffffa,#f8fafcf5);border:1px solid #e2e8f0e6;border-radius:36px;width:100%;padding:56px;position:relative;overflow:hidden;box-shadow:0 10px 30px #0f172a0a,0 30px 80px #0f172a14}.dashboard-hero:before{content:"";filter:blur(18px);pointer-events:none;background:radial-gradient(#2563eb2e,#0000 70%);border-radius:50%;width:620px;height:620px;animation:12s ease-in-out infinite heroGlow;position:absolute;top:-220px;right:-220px}.dashboard-hero:after{content:"";filter:blur(14px);pointer-events:none;background:radial-gradient(#8b5cf61a,#0000 72%);border-radius:50%;width:420px;height:420px;position:absolute;bottom:-180px;left:-160px}.hero-glow{pointer-events:none;z-index:0;opacity:.45;background:linear-gradient(90deg,#0000,#ffffff2e,#0000);position:absolute;inset:0}.dashboard-hero-content{z-index:2;grid-template-columns:minmax(0,1.35fr) minmax(360px,.85fr);align-items:start;gap:48px;display:grid;position:relative}.dashboard-hero-left{flex-direction:column;justify-content:center;min-height:100%;display:flex}.hero-badge{width:max-content;color:var(--primary);letter-spacing:.4px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#2563eb14;border:1px solid #2563eb1f;border-radius:999px;align-items:center;gap:10px;margin-bottom:26px;padding:10px 18px;font-size:13px;font-weight:700;display:inline-flex}.hero-badge svg{width:16px;height:16px}.dashboard-hero-left h1{letter-spacing:-2.8px;color:var(--text);max-width:700px;margin:0;font-size:clamp(48px,5vw,72px);font-weight:900;line-height:1.02}.dashboard-hero-left h1 span{background:linear-gradient(135deg,#2563eb,#60a5fa);color:#0000;-webkit-background-clip:text;background-clip:text}.dashboard-hero-left p{max-width:700px;color:var(--text-muted);margin-top:28px;font-size:18px;line-height:1.9}.dashboard-hero-left strong{color:var(--text);font-weight:700}.dashboard-hero-left>*{z-index:2;position:relative}.dashboard-hero-left:after{content:"";background:linear-gradient(90deg, var(--primary), #60a5fa26);border-radius:999px;width:120px;height:5px;margin-top:36px}@keyframes heroGlow{0%{opacity:.55;transform:scale(1)translateY(0)}50%{opacity:.95;transform:scale(1.12)translateY(-18px)}to{opacity:.55;transform:scale(1)translateY(0)}}.hero-buttons{flex-wrap:wrap;align-items:center;gap:18px;margin-top:42px;display:flex}.hero-primary{color:#fff;background:linear-gradient(135deg,#2563eb,#3b82f6,#60a5fa);border-radius:18px;justify-content:center;align-items:center;gap:12px;min-width:220px;padding:18px 34px;font-size:15px;font-weight:700;transition:transform .35s,box-shadow .35s;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 14px 35px #2563eb40}.hero-primary:hover{transform:translateY(-5px);box-shadow:0 22px 55px #2563eb4d}.hero-primary svg{transition:all .3s}.hero-primary:hover svg{transform:translate(4px)}.hero-primary:before{content:"";background:linear-gradient(90deg,#0000,#ffffff73,#0000);width:70%;height:100%;position:absolute;top:0;left:-120%;transform:skew(-25deg)}.hero-primary:hover:before{animation:.9s linear heroShine}.hero-secondary{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);min-width:190px;color:var(--text);background:#ffffffb8;border:1px solid #e2e8f0cc;border-radius:18px;justify-content:center;align-items:center;padding:18px 30px;font-weight:700;transition:all .3s;display:inline-flex}.hero-secondary:hover{background:#fff;transform:translateY(-4px);box-shadow:0 18px 40px #0f172a14}.hero-progress-card{background:linear-gradient(#fffffff2,#f8fafcfa);border:1px solid #e2e8f0d9;border-radius:28px;margin-top:48px;padding:30px;transition:transform .35s,box-shadow .35s;position:relative;overflow:hidden;box-shadow:0 18px 45px #0f172a0f}.hero-progress-card:hover{transform:translateY(-6px);box-shadow:0 28px 60px #0f172a1a}.hero-progress-card:before{content:"";background:linear-gradient(90deg,#2563eb,#60a5fa);width:100%;height:5px;position:absolute;top:0;left:0}.progress-top{justify-content:space-between;align-items:flex-start;display:flex}.progress-top span{color:var(--text-muted);letter-spacing:1.3px;text-transform:uppercase;font-size:12px;font-weight:700;display:block}.progress-top h3{color:var(--text);margin-top:8px;font-size:28px;font-weight:800}.progress-top svg{color:#2563eb;width:34px;height:34px}.progress-bar{background:#edf2f7;border-radius:999px;width:100%;height:14px;margin:28px 0 20px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#2563eb,#60a5fa);border-radius:999px;height:100%;position:relative}.progress-fill:after{content:"";background:linear-gradient(90deg,#0000,#ffffff73,#0000);animation:2.8s linear infinite progressFlow;position:absolute;inset:0}.progress-footer{color:var(--text-muted);justify-content:space-between;align-items:center;font-size:14px;font-weight:600;display:flex}.progress-time{align-items:center;gap:8px;display:flex}.progress-time svg{color:#2563eb;width:16px;height:16px}@keyframes heroShine{to{left:170%}}@keyframes progressFlow{0%{transform:translate(-100%)}to{transform:translate(250%)}}.dashboard-hero-right{z-index:2;flex-direction:column;gap:24px;display:flex;position:relative}.prediction-card{border-radius:32px;padding:34px;transition:transform .35s,box-shadow .35s;position:relative;overflow:hidden;box-shadow:0 20px 50px #1d4ed866;color:#fff!important;background:linear-gradient(135deg,#1d4ed8,#2563eb,#3b82f6)!important}.prediction-card *{color:#fff!important}.prediction-card:hover{transform:translateY(-8px);box-shadow:0 30px 65px #1d4ed880}.prediction-card:before{content:"";background:#ffffff1f;border-radius:50%;width:260px;height:260px;position:absolute;top:-110px;right:-110px}.prediction-card:after{content:"";background:#ffffff14;border-radius:50%;width:160px;height:160px;position:absolute;bottom:-70px;left:-70px}.prediction-header{z-index:2;justify-content:space-between;align-items:flex-start;display:flex;position:relative}.prediction-label{text-transform:uppercase;letter-spacing:1.4px;opacity:.95;font-size:12px;font-weight:800;display:block;color:#fff!important}.prediction-header h2{letter-spacing:-1px;margin-top:10px;font-size:34px;font-weight:900;color:#fff!important}.prediction-icon{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:20px;justify-content:center;align-items:center;width:60px;height:60px;display:flex;color:#fff!important;background:#fff3!important;border:1px solid #ffffff4d!important}.prediction-ring{justify-content:center;align-items:center;margin:30px 0;display:flex}.prediction-score{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:180px;height:180px;transition:all .35s;display:flex;background:#00000026!important;border:8px solid #ffffff4d!important}.prediction-card:hover .prediction-score{transform:scale(1.04)}.prediction-score h1{text-shadow:0 4px 12px #0000004d;font-size:64px;font-weight:900;line-height:1;color:#fff!important}.prediction-score span{opacity:.95;text-transform:uppercase;letter-spacing:1px;margin-top:6px;font-size:14px;font-weight:700;color:#fff!important}.confidence-row{z-index:2;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:13px;font-weight:800;display:flex;position:relative;color:#fff!important}.confidence-row strong{font-size:14px;color:#fff!important}.confidence-bar{border-radius:999px;width:100%;height:12px;overflow:hidden;background:#ffffff40!important}.confidence-fill{border-radius:999px;height:100%;position:relative;background:#fff!important}.confidence-fill:after{content:"";background:linear-gradient(90deg,#0000,#ffffffb3,#0000);animation:3s linear infinite confidenceFlow;position:absolute;inset:0}.hero-stats-grid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.hero-stat-card{background:#fff;border:1px solid #e2e8f0cc;border-radius:24px;align-items:center;gap:18px;padding:22px;transition:all .35s;display:flex;position:relative;overflow:hidden;box-shadow:0 16px 40px #0f172a0d}.hero-stat-card:hover{transform:translateY(-8px);box-shadow:0 24px 55px #0f172a1a}.hero-stat-card:before{content:"";width:4px;height:100%;position:absolute;top:0;left:0}.hero-stat-card.blue:before{background:#2563eb}.hero-stat-card.orange:before{background:#f97316}.hero-stat-card.green:before{background:#22c55e}.hero-stat-card.purple:before{background:#8b5cf6}.stat-icon{color:#fff;border-radius:18px;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;display:flex}.hero-stat-card.blue .stat-icon{background:#2563eb}.hero-stat-card.orange .stat-icon{background:#f97316}.hero-stat-card.green .stat-icon{background:#22c55e}.hero-stat-card.purple .stat-icon{background:#8b5cf6}.stat-content{flex:1}.stat-content h3{color:var(--text);font-size:32px;font-weight:900;line-height:1}.stat-content span{color:var(--text-muted);margin-top:8px;font-size:14px;font-weight:600;display:block}@keyframes confidenceFlow{0%{transform:translate(-100%)}to{transform:translate(220%)}}.hero-ai-insight{background:linear-gradient(135deg,#fffffff5,#f8fafcfa);border:1px solid #e2e8f0e6;border-radius:28px;align-items:flex-start;gap:20px;margin-top:24px;padding:26px 28px;transition:transform .35s,box-shadow .35s;display:flex;position:relative;overflow:hidden;box-shadow:0 18px 50px #0f172a0f}.hero-ai-insight:hover{transform:translateY(-6px);box-shadow:0 28px 65px #0f172a1a}.hero-ai-insight:before{content:"";background:linear-gradient(#8b5cf6,#6366f1,#2563eb);width:5px;position:absolute;inset:0 auto 0 0}.ai-insight-icon{color:#fff;background:linear-gradient(135deg,#8b5cf6,#6366f1);border-radius:20px;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;display:flex;box-shadow:0 16px 35px #6366f140}.ai-insight-content{flex:1}.ai-insight-content small{text-transform:uppercase;letter-spacing:1.2px;color:var(--text-muted);margin-bottom:8px;font-size:12px;font-weight:700;display:block}.ai-insight-content h3{color:var(--text);margin-bottom:10px;font-size:24px;font-weight:800}.ai-insight-content p{color:var(--text-muted);font-size:15px;line-height:1.8}.ai-improvement{color:#16a34a;background:#22c55e1a;border-radius:999px;align-items:center;gap:8px;margin-top:18px;padding:10px 18px;font-size:14px;font-weight:700;display:inline-flex}.hero-floating-dot{opacity:.45;background:#60a5fa;border-radius:50%;width:10px;height:10px;animation:8s ease-in-out infinite floatDot;position:absolute}.hero-floating-dot.one{top:12%;right:18%}.hero-floating-dot.two{animation-delay:2s;bottom:20%;left:10%}.hero-floating-dot.three{animation-delay:4s;top:52%;right:5%}.dashboard-hero *{transition:background-color .25s,border-color .25s,color .25s,transform .35s,box-shadow .35s}.hero-primary:focus-visible,.hero-secondary:focus-visible{outline-offset:4px;outline:3px solid #2563eb4d}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@media (width<=1200px){.dashboard-hero-content{grid-template-columns:1fr;gap:40px}.dashboard-hero{padding:44px}.dashboard-hero-left h1{font-size:56px}}@media (width<=992px){.dashboard-hero{padding:36px}.hero-stats-grid{grid-template-columns:1fr 1fr}.prediction-score{width:170px;height:170px}}@media (width<=768px){.dashboard-hero{border-radius:28px;padding:28px}.dashboard-hero-left h1{letter-spacing:-1.5px;font-size:42px}.dashboard-hero-left p{font-size:16px}.hero-buttons{flex-direction:column;align-items:stretch}.hero-primary,.hero-secondary{width:100%}.hero-stats-grid{grid-template-columns:1fr}.prediction-score{width:150px;height:150px}.prediction-score h1{font-size:54px}.hero-ai-insight{flex-direction:column}}@media (width<=480px){.dashboard-hero{border-radius:22px;padding:22px}.dashboard-hero-left h1{font-size:34px}.prediction-card{padding:24px}.hero-progress-card{padding:22px}.hero-stat-card{padding:18px}.stat-content h3{font-size:26px}}@keyframes floatDot{0%{opacity:.35;transform:translateY(0)scale(1)}50%{opacity:.8;transform:translateY(-18px)scale(1.15)}to{opacity:.35;transform:translateY(0)scale(1)}}.dashboard-hero{animation:.8s ease-out both heroFadeUp}.dashboard-hero-right>*{animation:.9s ease-out both heroFadeUp}.dashboard-hero-left>*{animation:.7s ease-out both heroFadeUp}.continue-learning{margin-top:48px;animation:.7s both heroFadeUp;position:relative}.continue-learning .section-header{justify-content:space-between;align-items:flex-end;margin-bottom:28px;display:flex}.continue-learning .section-header h2{letter-spacing:-1px;color:var(--text);margin-top:14px;font-size:36px;font-weight:800}.continue-learning .section-header p{color:var(--text-muted);max-width:620px;margin-top:12px;font-size:16px;line-height:1.8}.continue-learning .badge{color:var(--primary);letter-spacing:.4px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#2563eb14;border:1px solid #2563eb1f;border-radius:999px;align-items:center;gap:10px;padding:10px 18px;font-size:13px;font-weight:700;display:inline-flex}.continue-learning .badge svg{width:16px;height:16px}.continue-card{background:linear-gradient(#fffffffa,#f8fafcfa);border:1px solid #e2e8f0d9;border-radius:32px;grid-template-columns:minmax(0,1.45fr) 360px;gap:34px;padding:36px;transition:transform .35s,box-shadow .35s;display:grid;position:relative;overflow:hidden;box-shadow:0 18px 50px #0f172a0f}.continue-card:hover{transform:translateY(-8px);box-shadow:0 30px 70px #0f172a1a}.continue-card:before{content:"";background:linear-gradient(90deg,#2563eb,#60a5fa,#8b5cf6);width:100%;height:5px;position:absolute;top:0;left:0}.continue-card:after{content:"";filter:blur(20px);pointer-events:none;background:radial-gradient(#2563eb1a,#0000 70%);border-radius:50%;width:360px;height:360px;position:absolute;top:-120px;right:-120px}.continue-left,.continue-right{z-index:2;position:relative}.continue-left{flex-direction:column;justify-content:center;display:flex}.continue-right{flex-direction:column;justify-content:space-between;align-items:center;gap:22px;display:flex}.continue-card:hover:after{animation:6s infinite continueGlow}@keyframes continueGlow{0%{opacity:.4;transform:scale(1)}50%{opacity:.9;transform:scale(1.12)}to{opacity:.4;transform:scale(1)}}.continue-label{width:max-content;color:var(--primary);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#2563eb14;border:1px solid #2563eb1f;border-radius:999px;align-items:center;gap:10px;margin-bottom:24px;padding:12px 18px;font-size:14px;font-weight:700;display:inline-flex}.continue-label svg{width:18px;height:18px}.continue-left h3{letter-spacing:-1.5px;color:var(--text);margin:0;font-size:44px;font-weight:900;line-height:1.1}.continue-left p{max-width:560px;color:var(--text-muted);margin-top:18px;font-size:17px;line-height:1.9}.continue-left p strong{color:var(--text);font-weight:800}.continue-progress{background:#edf2f7;border-radius:999px;width:100%;height:16px;margin-top:36px;position:relative;overflow:hidden}.continue-progress-fill{background:linear-gradient(90deg,#2563eb,#3b82f6,#60a5fa);border-radius:999px;height:100%;position:relative;box-shadow:inset 0 -2px 4px #ffffff40}.continue-progress-fill:after{content:"";background:linear-gradient(90deg,#0000,#ffffffa6,#0000);animation:2.8s linear infinite continueProgressFlow;position:absolute;inset:0}.continue-progress-fill:before{content:"";background:#fff;border:4px solid #2563eb;border-radius:50%;width:18px;height:18px;position:absolute;top:50%;right:-8px;transform:translateY(-50%);box-shadow:0 6px 18px #2563eb40}.continue-footer{color:var(--text-muted);justify-content:space-between;align-items:center;margin-top:20px;font-size:14px;font-weight:600;display:flex}.continue-footer span{align-items:center;gap:8px;display:flex}.continue-footer span:first-child{color:var(--text);font-weight:700}.continue-footer span:last-child{color:#4f46e5;background:#6366f114;border:1px solid #6366f11a;border-radius:999px;padding:8px 14px}.continue-left:after{content:"";background:linear-gradient(90deg,#2563eb,#60a5fa26);border-radius:999px;width:140px;height:4px;margin-top:30px}.continue-card:hover .continue-label{background:#2563eb1a;transform:translateY(-2px)}.continue-card:hover .continue-left h3{color:#1d4ed8}@keyframes continueProgressFlow{0%{transform:translate(-120%)}to{transform:translate(240%)}}.continue-circle{background:linear-gradient(145deg,#fffffffa,#f8fafcfa);border:8px solid #2563eb1f;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:190px;height:190px;transition:transform .35s,box-shadow .35s;display:flex;position:relative;overflow:hidden;box-shadow:0 24px 60px #0f172a14}.continue-circle:before{content:"";opacity:.18;background:conic-gradient(#2563eb 0deg,#3b82f6 120deg,#60a5fa 220deg,#0000 320deg);animation:8s linear infinite rotateRing;position:absolute;inset:-40px}.continue-circle:after{content:"";background:#fff;border-radius:50%;position:absolute;inset:14px}.continue-circle h1{z-index:2;color:#2563eb;margin:0;font-size:58px;font-weight:900;line-height:1;position:relative}.continue-circle span{z-index:2;color:var(--text-muted);letter-spacing:.4px;margin-top:8px;font-size:14px;font-weight:700;position:relative}.continue-card:hover .continue-circle{transform:scale(1.05);box-shadow:0 32px 75px #2563eb29}.continue-time{width:100%;color:var(--text);background:#2563eb0f;border:1px solid #2563eb1a;border-radius:18px;justify-content:center;align-items:center;gap:10px;padding:14px 18px;font-weight:700;display:flex}.continue-time svg{color:#2563eb;flex-shrink:0}.continue-ai-box{background:linear-gradient(135deg,#fffffffa,#f8fafcfa);border:1px solid #e2e8f0e6;border-radius:22px;align-items:flex-start;gap:16px;width:100%;padding:22px;transition:transform .35s,box-shadow .35s;display:flex;position:relative;overflow:hidden;box-shadow:0 16px 45px #0f172a0d}.continue-ai-box:before{content:"";background:linear-gradient(#8b5cf6,#6366f1);width:5px;height:100%;position:absolute;top:0;left:0}.continue-ai-box:hover{transform:translateY(-4px);box-shadow:0 24px 60px #0f172a1a}.continue-ai-box>svg{color:#8b5cf6;flex-shrink:0;margin-top:2px}.continue-ai-box span{text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);margin-bottom:8px;font-size:12px;font-weight:700;display:block}.continue-ai-box strong{color:var(--text);font-size:15px;font-weight:700;line-height:1.7;display:block}.continue-link{width:100%;text-decoration:none}.continue-btn{cursor:pointer;color:#fff;background:linear-gradient(135deg,#2563eb,#3b82f6,#60a5fa);border:none;border-radius:20px;justify-content:center;align-items:center;gap:12px;width:100%;padding:18px 24px;font-size:15px;font-weight:700;transition:transform .3s,box-shadow .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 18px 45px #2563eb42}.continue-btn:before{content:"";background:linear-gradient(90deg,#0000,#ffffff8c,#0000);width:70%;height:100%;position:absolute;top:0;left:-120%;transform:skew(-25deg)}.continue-btn:hover:before{animation:.9s linear continueButtonShine}.continue-btn svg:last-child{transition:transform .3s}.continue-btn:hover svg:last-child{transform:translate(5px)}@keyframes rotateRing{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes continueButtonShine{to{left:180%}}.continue-card *{transition:background-color .25s,border-color .25s,color .25s,transform .35s,box-shadow .35s}.continue-card:hover .continue-progress{transform:scaleY(1.08)}.continue-card:hover .continue-progress-fill{filter:saturate(1.1)}.continue-card:hover .continue-time{background:#2563eb14}.continue-btn:focus-visible{outline-offset:5px;outline:3px solid #2563eb4d}.continue-link{border-radius:20px}@media (width<=1200px){.continue-card{grid-template-columns:1fr;gap:40px}.continue-right{align-items:stretch}.continue-circle{margin:auto}}@media (width<=992px){.continue-learning .section-header h2{font-size:32px}.continue-left h3{font-size:38px}.continue-card{padding:30px}}@media (width<=768px){.continue-learning{margin-top:36px}.continue-learning .section-header{margin-bottom:22px}.continue-learning .section-header h2{font-size:28px}.continue-learning .section-header p{font-size:15px}.continue-card{border-radius:26px;padding:24px}.continue-left h3{font-size:32px}.continue-circle{width:160px;height:160px}.continue-circle h1{font-size:46px}.continue-btn{padding:17px 18px}}@media (width<=480px){.continue-card{border-radius:22px;padding:20px}.continue-label{padding:10px 15px;font-size:13px}.continue-left h3{font-size:28px}.continue-left p{font-size:15px}.continue-footer{flex-direction:column;align-items:flex-start;gap:14px}.continue-circle{width:145px;height:145px}.continue-circle h1{font-size:40px}.continue-time{font-size:14px}.continue-ai-box{padding:18px}.continue-btn{padding:16px;font-size:14px}}@media (prefers-reduced-motion:reduce){.continue-card,.continue-card *{transition:none!important;animation:none!important;transform:none!important}}.continue-left{animation:.65s both heroFadeUp}.continue-right{animation:.85s both heroFadeUp}.continue-label{animation:.55s both heroFadeUp}.continue-progress{animation:.9s both heroFadeUp}.continue-circle{animation:.75s both continueScale}.continue-ai-box{animation:1s both heroFadeUp}.continue-btn{animation:1.1s both heroFadeUp}.continue-card:hover .continue-circle{animation:4s ease-in-out infinite floatCircle}@keyframes continueScale{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@keyframes floatCircle{0%{transform:translateY(0)}50%{transform:translateY(-8px)}to{transform:translateY(0)}}.continue-card{-webkit-backdrop-filter:blur(22px)}.continue-btn{letter-spacing:.2px}.continue-ai-box strong{text-wrap:balance}.continue-left p{text-wrap:pretty}.continue-learning .badge{white-space:nowrap}.continue-btn svg,.continue-time svg,.continue-label svg,.continue-ai-box svg{flex-shrink:0}.dashboard-section{margin-top:0;animation:.7s both heroFadeUp;position:relative}.dashboard-section .section-header{justify-content:space-between;align-items:flex-end;margin-bottom:20px;display:flex}.dashboard-section .section-header h2{letter-spacing:-1px;color:var(--text);margin-top:14px;font-size:36px;font-weight:800}.dashboard-section .section-header p{color:var(--text-muted);max-width:620px;margin-top:10px;font-size:16px;line-height:1.8}.dashboard-section .badge{color:var(--primary);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#2563eb14;border:1px solid #2563eb1f;border-radius:999px;align-items:center;gap:10px;padding:10px 18px;font-size:13px;font-weight:700;display:inline-flex}.dashboard-section .badge svg{width:16px;height:16px}.quick-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:26px;display:grid}.quick-card{background:linear-gradient(#fffffffa,#f8fafcfa);border:1px solid #e2e8f0d9;border-radius:28px;flex-direction:column;justify-content:space-between;min-height:260px;padding:28px;text-decoration:none;transition:transform .35s,box-shadow .35s;display:flex;position:relative;overflow:hidden;box-shadow:0 16px 45px #0f172a0d}.quick-card:hover{transform:translateY(-10px);box-shadow:0 30px 75px #0f172a1f}.quick-card:before{content:"";background:linear-gradient(90deg,#2563eb,#60a5fa);width:100%;height:5px;position:absolute;top:0;left:0}.quick-card:after{content:"";opacity:.65;pointer-events:none;background:radial-gradient(#2563eb14,#0000 70%);border-radius:50%;width:240px;height:240px;transition:all .4s;position:absolute;top:-80px;right:-80px}.quick-card:hover:after{opacity:1;transform:scale(1.25)}.quick-top,.quick-body,.quick-footer{z-index:2;position:relative}.quick-top{justify-content:space-between;align-items:flex-start;margin-bottom:28px;display:flex}.quick-icon{color:#fff;border-radius:22px;justify-content:center;align-items:center;width:72px;height:72px;transition:transform .35s,box-shadow .35s;display:flex;position:relative;overflow:hidden;box-shadow:0 18px 40px #0f172a1f}.quick-card:hover .quick-icon{transform:translateY(-6px)rotate(-6deg)scale(1.06);box-shadow:0 26px 55px #0f172a2e}.quick-icon:before{content:"";background:linear-gradient(90deg,#0000,#ffffff8c,#0000);width:80%;height:180%;position:absolute;top:-40%;left:-120%;transform:rotate(25deg)}.quick-card:hover .quick-icon:before{animation:.9s linear quickIconShine}.quick-icon.blue{background:linear-gradient(135deg,#2563eb,#60a5fa)}.quick-icon.purple{background:linear-gradient(135deg,#7c3aed,#a855f7)}.quick-icon.orange{background:linear-gradient(135deg,#ea580c,#fb923c)}.quick-icon.green{background:linear-gradient(135deg,#16a34a,#4ade80)}.quick-icon.cyan{background:linear-gradient(135deg,#0891b2,#22d3ee)}.quick-icon.pink{background:linear-gradient(135deg,#db2777,#f472b6)}.quick-icon.teal{background:linear-gradient(135deg,#0f766e,#2dd4bf)}.quick-icon.red{background:linear-gradient(135deg,#dc2626,#f87171)}.quick-badge{color:var(--primary);white-space:nowrap;background:#2563eb14;border:1px solid #2563eb1a;border-radius:999px;justify-content:center;align-items:center;padding:8px 14px;font-size:12px;font-weight:700;display:inline-flex}.quick-card:hover .quick-badge{background:#2563eb1f}.quick-body{flex:1}.quick-body h3{letter-spacing:-1px;color:var(--text);margin:0;font-size:30px;font-weight:800}.quick-body p{color:var(--primary);margin-top:12px;font-size:16px;font-weight:700}.quick-body small{color:var(--text-muted);margin-top:14px;font-size:14px;line-height:1.8;display:block}.quick-footer{color:var(--text);border-top:1px solid #e2e8f0d9;justify-content:space-between;align-items:center;margin-top:28px;padding-top:22px;font-size:15px;font-weight:700;display:flex}.quick-footer svg{transition:transform .3s}.quick-card:hover .quick-footer svg{transform:translate(6px)}.quick-card{animation:.7s both heroFadeUp}@keyframes quickIconShine{to{left:180%}}.quick-card{isolation:isolate;-webkit-backdrop-filter:blur(18px)}.quick-card *{transition:background-color .25s,color .25s,border-color .25s,transform .35s,box-shadow .35s}.quick-card .gradient-overlay{opacity:0;z-index:1;pointer-events:none;transition:all .45s;position:absolute;inset:0}.quick-card:hover .gradient-overlay{opacity:1}.quick-card.blue:before{background:linear-gradient(90deg,#2563eb,#60a5fa)}.quick-card.purple:before{background:linear-gradient(90deg,#7c3aed,#a855f7)}.quick-card.orange:before{background:linear-gradient(90deg,#ea580c,#fb923c)}.quick-card.green:before{background:linear-gradient(90deg,#16a34a,#4ade80)}.quick-card.cyan:before{background:linear-gradient(90deg,#0891b2,#22d3ee)}.quick-card.pink:before{background:linear-gradient(90deg,#db2777,#f472b6)}.quick-card.teal:before{background:linear-gradient(90deg,#0f766e,#2dd4bf)}.quick-card.red:before{background:linear-gradient(90deg,#dc2626,#f87171)}.quick-card.blue:hover{box-shadow:0 35px 70px #2563eb29}.quick-card.purple:hover{box-shadow:0 35px 70px #7c3aed29}.quick-card.orange:hover{box-shadow:0 35px 70px #ea580c29}.quick-card.green:hover{box-shadow:0 35px 70px #16a34a29}.quick-card.cyan:hover{box-shadow:0 35px 70px #0891b229}.quick-card.pink:hover{box-shadow:0 35px 70px #db277729}.quick-card.teal:hover{box-shadow:0 35px 70px #0f766e29}.quick-card.red:hover{box-shadow:0 35px 70px #dc262629}.quick-icon:after{content:"";opacity:0;background:radial-gradient(#ffffff47,#0000 70%);border-radius:50%;transition:all .35s;position:absolute;inset:-40%}.quick-card:hover .quick-icon:after{opacity:1;transform:scale(1.2)}.quick-card:hover .quick-body h3{color:#1d4ed8;transform:translate(4px)}.quick-card:hover .quick-body p{letter-spacing:.3px}.quick-card:hover .quick-body small{color:var(--text)}.quick-card:hover .quick-badge{transform:translateY(-2px);box-shadow:0 8px 20px #2563eb1f}.quick-card:hover .quick-footer{border-color:#2563eb29}.quick-card:after{animation:8s ease-in-out infinite quickFloat}.quick-card:hover .quick-top{transform:translateY(-2px)}.quick-card:hover .quick-body{transform:translateY(-4px)}.quick-card:hover .quick-footer{transform:translateY(-2px)}.quick-card{border:1px solid #e2e8f0d1;box-shadow:0 10px 30px #0f172a0d,0 24px 60px #0f172a0a}@keyframes quickFloat{0%{transform:translateY(0)scale(1)}50%{transform:translateY(-12px)scale(1.15)}to{transform:translateY(0)scale(1)}}.quick-bottom-banner{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#2563eb0d,#6366f10d,#fffffffa);border:1px solid #e2e8f0d9;border-radius:30px;justify-content:space-between;align-items:center;gap:32px;margin-top:38px;padding:34px;transition:transform .35s,box-shadow .35s;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 55px #0f172a0f}.quick-bottom-banner:hover{transform:translateY(-6px);box-shadow:0 32px 70px #0f172a1a}.quick-bottom-banner:before{content:"";pointer-events:none;background:radial-gradient(#2563eb1f,#0000 70%);border-radius:50%;width:420px;height:420px;position:absolute;top:-160px;right:-160px}.quick-banner-left{z-index:2;flex:1;align-items:flex-start;gap:22px;display:flex;position:relative}.quick-banner-left>svg{color:#fff;background:linear-gradient(135deg,#2563eb,#6366f1);border-radius:22px;flex-shrink:0;width:68px;height:68px;padding:18px;box-shadow:0 18px 45px #2563eb38}.quick-banner-left h3{letter-spacing:-.6px;color:var(--text);margin:0;font-size:28px;font-weight:800}.quick-banner-left p{color:var(--text-muted);max-width:560px;margin-top:12px;font-size:16px;line-height:1.8}.quick-banner-btn{color:#fff;background:linear-gradient(135deg,#2563eb,#3b82f6,#60a5fa);border-radius:18px;flex-shrink:0;justify-content:center;align-items:center;gap:12px;min-width:230px;padding:18px 30px;font-size:15px;font-weight:700;text-decoration:none;transition:transform .35s,box-shadow .35s;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 18px 45px #2563eb3d}.quick-banner-btn:hover{transform:translateY(-4px);box-shadow:0 30px 65px #2563eb52}.quick-banner-btn:before{content:"";background:linear-gradient(90deg,#0000,#ffffff8c,#0000);width:70%;height:100%;position:absolute;top:0;left:-120%;transform:skew(-25deg)}.quick-banner-btn:hover:before{animation:.9s linear bannerShine}.quick-banner-btn svg{transition:transform .3s}.quick-banner-btn:hover svg{transform:translate(5px)}.quick-card:focus-visible,.quick-banner-btn:focus-visible{outline-offset:5px;outline:3px solid #2563eb4d}@media (width<=1400px){.quick-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=1100px){.quick-grid{grid-template-columns:repeat(2,1fr)}.quick-bottom-banner{flex-direction:column;align-items:flex-start}.quick-banner-btn{width:100%}}@media (width<=768px){.quick-grid{grid-template-columns:1fr;gap:20px}.quick-card{min-height:auto;padding:24px}.quick-body h3{font-size:26px}.quick-banner-left{flex-direction:column}.quick-banner-left>svg{width:60px;height:60px;padding:15px}.quick-banner-left h3{font-size:24px}.quick-bottom-banner{border-radius:24px;padding:26px}}@media (width<=480px){.dashboard-section{margin-top:40px}.dashboard-section .section-header h2{font-size:28px}.dashboard-section .section-header p{font-size:15px}.quick-card{border-radius:22px;padding:20px}.quick-icon{border-radius:18px;width:62px;height:62px}.quick-body h3{font-size:24px}.quick-body p{font-size:15px}.quick-body small{font-size:13px}.quick-banner-left h3{font-size:22px}.quick-banner-left p{font-size:15px}.quick-banner-btn{min-width:100%;padding:16px}}@media (prefers-reduced-motion:reduce){.quick-card,.quick-bottom-banner,.quick-banner-btn,.quick-card *{transition:none!important;animation:none!important;transform:none!important}}.quick-bottom-banner{animation:.9s both heroFadeUp}@keyframes bannerShine{to{left:180%}}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;margin-top:30px;display:grid}.stat-card{-webkit-backdrop-filter:blur(20px);background:linear-gradient(#fffffffa,#f8fafcfa);border:1px solid #e2e8f0d9;border-radius:30px;flex-direction:column;justify-content:flex-start;gap:18px;min-height:250px;padding:30px;transition:transform .35s,box-shadow .35s;display:flex;position:relative;overflow:hidden;box-shadow:0 14px 40px #0f172a0d}.stat-card:hover{transform:translateY(-10px);box-shadow:0 32px 75px #0f172a1f}.stat-card:before{content:"";background:linear-gradient(90deg,#2563eb,#60a5fa);width:100%;height:5px;position:absolute;top:0;left:0}.stat-card:after{content:"";opacity:.6;pointer-events:none;background:radial-gradient(#2563eb14,#0000 70%);border-radius:50%;width:220px;height:220px;transition:all .35s;position:absolute;top:-90px;right:-90px}.stat-card>svg{z-index:2;background:#f8fafcf2;border:1px solid #e2e8f0cc;border-radius:20px;width:64px;height:64px;padding:16px;transition:transform .35s,box-shadow .35s;box-shadow:0 10px 28px #0f172a0d}.stat-card:hover>svg{transform:rotate(-8deg)scale(1.08);box-shadow:0 18px 42px #0f172a1f}.stat-card h1{letter-spacing:-2px;color:var(--text);z-index:2;margin:0;font-size:52px;font-weight:900;line-height:1}.stat-card span{color:var(--text);z-index:2;font-size:18px;font-weight:700}.stat-footer{width:max-content;color:var(--primary);z-index:2;background:#2563eb14;border:1px solid #2563eb1a;border-radius:999px;justify-content:center;align-items:center;margin-top:auto;padding:8px 16px;font-size:13px;font-weight:700;display:inline-flex}.stat-card:first-child:before{background:linear-gradient(90deg,#f97316,#fb923c)}.stat-card:nth-child(2):before{background:linear-gradient(90deg,#06b6d4,#67e8f9)}.stat-card:nth-child(3):before{background:linear-gradient(90deg,#2563eb,#60a5fa)}.stat-card:nth-child(4):before{background:linear-gradient(90deg,#22c55e,#4ade80)}.stat-card:first-child>svg{background:#f973161a;border-color:#f973162e}.stat-card:nth-child(2)>svg{background:#06b6d41a;border-color:#06b6d42e}.stat-card:nth-child(3)>svg{background:#2563eb1a;border-color:#2563eb2e}.stat-card:nth-child(4)>svg{background:#22c55e1a;border-color:#22c55e2e}.stat-card h1{margin-top:4px;display:inline-block;position:relative}.stat-card:hover h1{transform:translateY(-2px)}.stat-card span{line-height:1.4}.stat-card:hover span{color:#1d4ed8}.stat-footer{position:relative;overflow:hidden}.stat-footer:before{content:"";background:linear-gradient(90deg,#0000,#ffffff73,#0000);width:70%;height:100%;position:absolute;top:0;left:-120%;transform:skew(-25deg)}.stat-card:hover .stat-footer:before{animation:.9s linear statChipShine}.stat-card:first-child .stat-footer{color:#ea580c;background:#f973161a;border:1px solid #f9731626}.stat-card:nth-child(2) .stat-footer{color:#0891b2;background:#06b6d41a;border:1px solid #06b6d426}.stat-card:nth-child(3) .stat-footer{color:#2563eb;background:#2563eb1a;border:1px solid #2563eb26}.stat-card:nth-child(4) .stat-footer{color:#16a34a;background:#22c55e1a;border:1px solid #22c55e26}.stat-card:first-child:after{background:radial-gradient(#f973161f,#0000 70%)}.stat-card:nth-child(2):after{background:radial-gradient(#06b6d41f,#0000 70%)}.stat-card:nth-child(3):after{background:radial-gradient(#2563eb1f,#0000 70%)}.stat-card:nth-child(4):after{background:radial-gradient(#22c55e1f,#0000 70%)}@keyframes statFloat{0%{transform:translateY(0)rotate(-8deg)scale(1.08)}50%{transform:translateY(-8px)rotate(-4deg)scale(1.12)}to{transform:translateY(0)rotate(-8deg)scale(1.08)}}@keyframes statChipShine{to{left:180%}}.stat-card{isolation:isolate;overflow:hidden}.stat-card::selection{background:0 0}.stat-card .stat-light{pointer-events:none;opacity:0;background:linear-gradient(125deg,#0000 0%,#ffffff14 35%,#ffffff38 50%,#ffffff14 65%,#0000 100%);transition:opacity .4s;position:absolute;inset:0}.stat-card:hover .stat-light{opacity:1;animation:1.4s statSweep}.stat-card h1{z-index:2;transition:transform .35s,letter-spacing .35s;position:relative}.stat-card:hover h1{letter-spacing:-3px;transform:translateY(-2px)scale(1.03)}.stat-card span{z-index:2;position:relative}.stat-card:hover span{transform:translate(3px)}.stat-footer{z-index:2;transition:transform .35s,box-shadow .35s;position:relative}.stat-card:hover .stat-footer{transform:translateY(-2px);box-shadow:0 10px 22px #0f172a14}.stat-card>svg{z-index:2;position:relative}.stat-card:hover>svg{filter:drop-shadow(0 10px 18px #0000001a)}.stat-card{box-shadow:inset 0 1px #ffffffa6,0 14px 40px #0f172a0d}.stat-card:after{transition:transform .45s,opacity .45s}.stat-card:hover:after{opacity:1;transform:scale(1.3)}.stat-card>*{animation:.7s both heroFadeUp}.stat-card>:first-child{animation-delay:50ms}.stat-card>:nth-child(2){animation-delay:.1s}.stat-card>:nth-child(3){animation-delay:.15s}.stat-card>:nth-child(4){animation-delay:.2s}.stat-card:hover h1{text-shadow:0 6px 20px #2563eb1f}.stat-card{border:1px solid #e2e8f0d9}.stat-card:hover{border-color:#2563eb38}.stat-card:before{transition:height .35s}.stat-card:hover:before{height:6px}@keyframes statSweep{0%{transform:translate(-120%)}to{transform:translate(180%)}}.stat-card{will-change:transform, box-shadow;cursor:default}.stat-card *{transition:background-color .25s,border-color .25s,color .25s,transform .35s,box-shadow .35s,opacity .35s}.stat-card:focus-within{outline-offset:5px;outline:3px solid #2563eb40}@media (width<=1400px){.stats-grid{grid-template-columns:repeat(2,1fr);gap:24px}}@media (width<=992px){.stats-grid{gap:20px}.stat-card{min-height:220px;padding:26px}.stat-card h1{font-size:46px}}@media (width<=768px){.stats-grid{grid-template-columns:1fr}.stat-card{border-radius:24px;min-height:auto;padding:24px}.stat-card>svg{width:58px;height:58px;padding:14px}.stat-card h1{font-size:40px}.stat-card span{font-size:17px}}@media (width<=480px){.stat-card{border-radius:22px;padding:20px}.stat-card>svg{width:52px;height:52px;padding:12px}.stat-card h1{letter-spacing:-1px;font-size:34px}.stat-card span{font-size:16px}.stat-footer{padding:7px 14px;font-size:12px}}@media (prefers-reduced-motion:reduce){.stat-card,.stat-card *{scroll-behavior:auto!important;transition:none!important;animation:none!important;transform:none!important}}.stat-card:first-child{animation-delay:50ms}.stat-card:nth-child(2){animation-delay:.12s}.stat-card:nth-child(3){animation-delay:.19s}.stat-card:nth-child(4){animation-delay:.26s}.stat-card:hover>svg{animation:3.5s ease-in-out infinite performanceFloat}.stat-card:hover h1{animation:.6s valuePulse}.stat-card{-webkit-backdrop-filter:blur(22px);background:linear-gradient(#fffffffa,#f8fafcfa),radial-gradient(circle at 100% 0,#2563eb08,#0000 55%)}.stat-card h1{text-wrap:balance}.stat-card span{text-wrap:pretty}.stat-footer{white-space:nowrap}@keyframes performanceFloat{0%{transform:translateY(0)rotate(-8deg)}50%{transform:translateY(-8px)rotate(-3deg)}to{transform:translateY(0)rotate(-8deg)}}@keyframes valuePulse{0%{transform:scale(1)}50%{transform:scale(1.06)}to{transform:scale(1)}}.skills-card{-webkit-backdrop-filter:blur(22px);background:linear-gradient(#fffffffa,#f8fafcfa);border:1px solid #e2e8f0d9;border-radius:32px;flex-direction:column;gap:24px;margin-top:30px;padding:34px;display:flex;position:relative;overflow:hidden;box-shadow:0 16px 45px #0f172a0d}.skills-card:before{content:"";pointer-events:none;background:radial-gradient(#2563eb14,#0000 70%);border-radius:50%;width:420px;height:420px;position:absolute;top:-180px;right:-180px}.skill-item{z-index:2;background:#ffffffb8;border:1px solid #e2e8f0bf;border-radius:22px;flex-direction:column;gap:16px;padding:24px;transition:transform .35s,border-color .35s,box-shadow .35s;display:flex;position:relative}.skill-item:hover{border-color:#2563eb2e;transform:translateY(-5px);box-shadow:0 20px 42px #0f172a14}.skill-row{justify-content:space-between;align-items:center;gap:20px;display:flex}.skill-row span{color:var(--text);align-items:center;gap:12px;font-size:18px;font-weight:700;display:flex}.skill-row strong{color:var(--primary);font-size:18px;font-weight:800}.skill-bar{background:#e2e8f0e6;border-radius:999px;width:100%;height:14px;position:relative;overflow:hidden}.fill{border-radius:999px;height:100%;transition:width .9s,transform .35s;position:relative}.skill-bar{border:1px solid #ffffffa6;box-shadow:inset 0 2px 6px #0f172a0f}.fill{position:relative;overflow:hidden;box-shadow:0 6px 18px #2563eb2e}.fill:before{content:"";background:linear-gradient(90deg,#0000,#ffffffa6,#0000);width:45%;height:100%;position:absolute;top:0;left:-120%;transform:skew(-25deg)}.skill-item:hover .fill:before{animation:1s linear skillShine}.fill.reading{background:linear-gradient(90deg,#2563eb,#60a5fa)}.fill.listening{background:linear-gradient(90deg,#06b6d4,#67e8f9)}.fill.writing{background:linear-gradient(90deg,#8b5cf6,#c084fc)}.fill.speaking{background:linear-gradient(90deg,#22c55e,#4ade80)}.skill-footer{justify-content:space-between;align-items:center;gap:18px;display:flex}.skill-footer span{color:var(--text-muted);font-size:14px;font-weight:600}.skill-trend{color:#16a34a;background:#22c55e1a;border:1px solid #22c55e2e;border-radius:999px;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:700;display:inline-flex;box-shadow:0 6px 16px #22c55e14}.skill-trend svg{flex-shrink:0}.skill-row strong{background:#2563eb14;border:1px solid #2563eb1f;border-radius:14px;justify-content:center;align-items:center;padding:8px 14px;display:inline-flex;position:relative;box-shadow:0 6px 18px #2563eb0f}.fill{animation:1.2s both skillGrow}@keyframes skillGrow{0%{width:0}}@keyframes skillShine{to{left:180%}}.skills-card{isolation:isolate}.skill-item{-webkit-backdrop-filter:blur(18px);overflow:hidden}.skill-item:before{content:"";opacity:0;pointer-events:none;background:linear-gradient(120deg,#0000 0%,#ffffff0f 35%,#ffffff2e 50%,#ffffff0f 65%,#0000 100%);transition:opacity .4s;position:absolute;inset:0}.skill-item:hover:before{opacity:1;animation:1.2s skillSweep}.skill-row{z-index:2;position:relative}.skill-row span{transition:transform .35s,color .35s}.skill-item:hover .skill-row span{color:var(--primary);transform:translate(3px)}.skill-row strong{transition:transform .35s,box-shadow .35s}.skill-item:hover .skill-row strong{transform:translateY(-2px);box-shadow:0 10px 24px #2563eb1f}.skill-bar{z-index:2;position:relative}.skill-item:hover .fill{filter:brightness(1.06);box-shadow:0 10px 28px #2563eb2e}.skill-footer{z-index:2;position:relative}.skill-footer span{transition:color .35s}.skill-item:hover .skill-footer span{color:var(--text)}.skill-trend{transition:transform .35s,box-shadow .35s,background-color .35s}.skill-item:hover .skill-trend{background:#22c55e24;transform:translateY(-2px);box-shadow:0 12px 28px #22c55e24}.skill-trend svg{transition:transform .35s}.skill-item:hover .skill-trend svg{transform:translateY(-2px)}.skill-item:after{content:"";opacity:.55;pointer-events:none;background:radial-gradient(#2563eb1a,#0000 70%);border-radius:50%;width:220px;height:220px;transition:transform .45s,opacity .45s;position:absolute;top:-90px;right:-90px}.skill-item:hover:after{opacity:1;transform:scale(1.25)}.skill-item>*{animation:.7s both heroFadeUp}.skill-item>:first-child{animation-delay:50ms}.skill-item>:nth-child(2){animation-delay:.12s}.skill-item>:nth-child(3){animation-delay:.18s}.skill-item{box-shadow:inset 0 1px #ffffffa6,0 10px 26px #0f172a0a}.skill-item:hover{transform:translateY(-6px)scale(1.01);box-shadow:inset 0 1px #ffffffb3,0 22px 55px #0f172a1a}@keyframes skillSweep{0%{transform:translate(-120%)}to{transform:translate(180%)}}.skill-item{will-change:transform, box-shadow;cursor:default}.skill-item *{transition:background-color .25s,border-color .25s,color .25s,transform .35s,box-shadow .35s,opacity .35s}.skill-item:focus-within{outline-offset:5px;outline:3px solid #2563eb40}.skill-row strong{white-space:nowrap}@media (width<=1200px){.skills-card{gap:22px;padding:30px}}@media (width<=992px){.skills-card{padding:26px}.skill-item{padding:22px}}@media (width<=768px){.skills-card{border-radius:26px;padding:22px}.skill-item{border-radius:20px;padding:20px}.skill-row{flex-direction:column;align-items:flex-start;gap:12px}.skill-row span{font-size:17px}.skill-row strong{font-size:16px}.skill-footer{flex-direction:column;align-items:flex-start;gap:12px}.skill-trend{width:max-content}}@media (width<=480px){.skills-card{border-radius:22px;gap:18px;padding:18px}.skill-item{gap:14px;padding:18px}.skill-row span{font-size:16px}.skill-row strong{padding:7px 12px;font-size:15px}.skill-bar{height:12px}.skill-footer span{font-size:13px}.skill-trend{padding:7px 12px;font-size:12px}}@media (prefers-reduced-motion:reduce){.skills-card,.skill-item,.skill-item *{scroll-behavior:auto!important;transition:none!important;animation:none!important;transform:none!important}}.skill-item{animation:.75s both heroFadeUp}.skill-item:first-child{animation-delay:50ms}.skill-item:nth-child(2){animation-delay:.12s}.skill-item:nth-child(3){animation-delay:.19s}.skill-item:nth-child(4){animation-delay:.26s}.skills-card{background:linear-gradient(#fffffffa,#f8fafcfa),radial-gradient(circle at 100% 0,#2563eb08,#0000 60%)}.skill-item{background:linear-gradient(#ffffffc7,#ffffffb3)}.skill-row span{text-wrap:pretty}.skill-footer span{text-wrap:balance}.skill-item:hover .skill-trend{animation:3s ease-in-out infinite skillTrendFloat}.skill-item:hover .fill{animation:1.2s progressPulse}@keyframes skillTrendFloat{0%{transform:translateY(0)}50%{transform:translateY(-4px)}to{transform:translateY(0)}}@keyframes progressPulse{0%{filter:brightness()}50%{filter:brightness(1.15)}to{filter:brightness()}}.ai-card{-webkit-backdrop-filter:blur(22px);background:linear-gradient(#fffffffa,#f8fafcfa);border:1px solid #e2e8f0d9;border-radius:32px;grid-template-columns:120px 1fr;align-items:flex-start;gap:34px;margin-top:30px;padding:36px;transition:transform .35s,box-shadow .35s,border-color .35s;display:grid;position:relative;overflow:hidden;box-shadow:0 18px 50px #0f172a0d}.ai-card:hover{border-color:#2563eb2e;transform:translateY(-8px);box-shadow:0 28px 70px #0f172a1a}.ai-card:before{content:"";pointer-events:none;background:radial-gradient(#2563eb1a,#0000 70%);border-radius:50%;width:420px;height:420px;position:absolute;top:-180px;right:-180px}.ai-card:after{content:"";pointer-events:none;background:linear-gradient(135deg,#ffffff05,#0000 50%);position:absolute;inset:0}.ai-icon{z-index:2;color:#fff;background:linear-gradient(135deg,#2563eb,#3b82f6,#6366f1);border-radius:28px;justify-content:center;align-items:center;width:96px;height:96px;transition:transform .35s,box-shadow .35s;display:flex;position:relative;box-shadow:0 18px 45px #2563eb38}.ai-card:hover .ai-icon{transform:rotate(-6deg)scale(1.06);box-shadow:0 28px 55px #2563eb4d}.ai-icon svg{width:46px;height:46px}.ai-content{z-index:2;flex-direction:column;gap:20px;display:flex;position:relative}.ai-content h3{letter-spacing:-.8px;color:var(--text);margin:0;font-size:34px;font-weight:800;line-height:1.2}.ai-content p{max-width:720px;color:var(--text-muted);margin:0;font-size:16px;line-height:1.8}.ai-meta{flex-wrap:wrap;align-items:center;gap:14px;margin-top:6px;display:flex}.ai-pill{color:var(--primary);background:#2563eb14;border:1px solid #2563eb1f;border-radius:999px;align-items:center;gap:10px;padding:10px 18px;font-size:14px;font-weight:700;transition:transform .35s,box-shadow .35s,background-color .35s;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 8px 20px #2563eb14}.ai-pill:hover{background:#2563eb1f;transform:translateY(-3px);box-shadow:0 14px 30px #2563eb24}.ai-pill svg{flex-shrink:0;width:16px;height:16px}.ai-pill:before{content:"";background:linear-gradient(90deg,#0000,#ffffff8c,#0000);width:55%;height:100%;position:absolute;top:0;left:-120%;transform:skew(-25deg)}.ai-pill:hover:before{animation:.9s linear aiPillShine}.primary-btn{cursor:pointer;color:#fff;background:linear-gradient(135deg,#2563eb,#3b82f6,#60a5fa);border:none;border-radius:18px;justify-content:center;align-items:center;gap:12px;margin-top:10px;padding:18px 28px;font-size:15px;font-weight:700;transition:transform .35s,box-shadow .35s;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 18px 45px #2563eb3d}.primary-btn:active{transform:translateY(-1px)}.primary-btn:hover svg{transform:translate(5px)}.primary-btn:before{content:"";background:linear-gradient(90deg,#0000,#ffffff8c,#0000);width:60%;height:100%;position:absolute;top:0;left:-120%;transform:skew(-25deg)}.primary-btn:hover:before{animation:.9s linear aiButtonShine}@keyframes aiPillShine{to{left:180%}}@keyframes aiButtonShine{to{left:180%}}.ai-card{isolation:isolate;overflow:hidden}.ai-card:after{content:"";opacity:0;pointer-events:none;background:linear-gradient(120deg,#0000 0%,#ffffff0d 35%,#ffffff2e 50%,#ffffff0d 65%,#0000 100%);transition:opacity .4s;position:absolute;inset:0}.ai-card:hover:after{opacity:1;animation:1.4s aiSweep}.ai-card:before{transition:transform .45s,opacity .45s}.ai-card:hover:before{opacity:1;transform:scale(1.25)}.ai-card:hover .ai-icon{filter:drop-shadow(0 18px 35px #2563eb4d)}.ai-content>*{z-index:2;position:relative}.ai-content h3{transition:transform .35s,letter-spacing .35s,color .35s}.ai-card:hover .ai-content h3{letter-spacing:-1px;color:var(--primary);transform:translateY(-2px)}.ai-content p{transition:color .35s,transform .35s}.ai-card:hover .ai-content p{color:var(--text);transform:translateY(-1px)}.ai-meta{z-index:2;position:relative}.ai-pill{-webkit-backdrop-filter:blur(14px)}.ai-card:hover .ai-pill{transform:translateY(-3px);box-shadow:0 14px 30px #2563eb1f}.ai-pill:first-child{background:#2563eb14}.ai-pill:nth-child(2){color:#ea580c;background:#f973161a;border-color:#f9731626}.ai-pill:nth-child(3){color:#16a34a;background:#22c55e1a;border-color:#22c55e26}.primary-btn{z-index:2;position:relative}.ai-card:hover .primary-btn{transform:translateY(-4px);box-shadow:0 28px 60px #2563eb4d}.primary-btn svg{transition:transform .35s}.ai-card:hover .primary-btn svg{transform:translate(6px)}.ai-icon{animation:.7s both heroFadeUp,5s ease-in-out infinite aiFloat}.ai-content h3{animation:.7s 80ms both heroFadeUp}.ai-content p{animation:.7s .16s both heroFadeUp}.ai-meta{animation:.7s .24s both heroFadeUp}.primary-btn{animation:.7s .32s both heroFadeUp}.ai-card{box-shadow:inset 0 1px #ffffffb3,0 18px 50px #0f172a0d}.ai-card:hover{transform:translateY(-8px)scale(1.01);box-shadow:inset 0 1px #ffffffbf,0 35px 80px #0f172a1f}@keyframes aiFloat{0%{transform:translateY(0)rotate(0)}50%{transform:translateY(-8px)rotate(-4deg)}to{transform:translateY(0)rotate(0)}}@keyframes aiSweep{0%{transform:translate(-120%)}to{transform:translate(180%)}}.ai-card{will-change:transform, box-shadow;cursor:default}.ai-card *{transition:background-color .25s,border-color .25s,color .25s,transform .35s,box-shadow .35s,opacity .35s}.ai-card:focus-within{outline-offset:5px;outline:3px solid #2563eb40}.primary-btn:focus-visible{outline-offset:5px;outline:3px solid #2563eb4d}.ai-pill{white-space:nowrap}@media (width<=1200px){.ai-card{grid-template-columns:100px 1fr;gap:28px;padding:32px}.ai-content h3{font-size:30px}}@media (width<=992px){.ai-card{text-align:center;grid-template-columns:1fr}.ai-icon{margin:0 auto}.ai-content{align-items:center}.ai-content p{max-width:100%}.ai-meta{justify-content:center}}@media (width<=768px){.ai-card{border-radius:26px;gap:24px;padding:24px}.ai-icon{border-radius:24px;width:82px;height:82px}.ai-icon svg{width:40px;height:40px}.ai-content h3{font-size:28px}.ai-content p{font-size:15px;line-height:1.75}.ai-meta{gap:12px}.primary-btn{justify-content:center;width:100%}}@media (width<=480px){.ai-card{border-radius:22px;padding:20px}.ai-content{gap:18px}.ai-content h3{font-size:24px}.ai-content p{font-size:14px}.ai-meta{flex-direction:column;align-items:stretch;width:100%}.ai-pill{justify-content:center;width:100%}.primary-btn{padding:16px 20px;font-size:14px}}@media (prefers-reduced-motion:reduce){.ai-card,.ai-card *{scroll-behavior:auto!important;transition:none!important;animation:none!important;transform:none!important}}.ai-card{background:linear-gradient(#fffffffa,#f8fafcfa),radial-gradient(circle at 100% 0,#2563eb0a,#0000 60%)}.ai-content h3{text-wrap:balance}.ai-content p{text-wrap:pretty}.ai-meta{margin-top:2px}.ai-card:hover .ai-pill:first-child{animation:3s ease-in-out infinite aiPillFloat}.ai-card:hover .ai-pill:nth-child(2){animation:3s ease-in-out .2s infinite aiPillFloat}.ai-card:hover .ai-pill:nth-child(3){animation:3s ease-in-out .4s infinite aiPillFloat}.ai-card:hover .primary-btn{animation:.7s aiButtonPulse}@keyframes aiPillFloat{0%{transform:translateY(0)}50%{transform:translateY(-4px)}to{transform:translateY(0)}}@keyframes aiButtonPulse{0%{transform:translateY(-4px)scale(1)}50%{transform:translateY(-4px)scale(1.03)}to{transform:translateY(-4px)scale(1)}}.ai-status-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;margin-top:30px;display:grid}.ai-status-card{-webkit-backdrop-filter:blur(22px);background:linear-gradient(#fffffffa,#f8fafcfa);border:1px solid #e2e8f0d9;border-radius:30px;flex-direction:column;gap:18px;min-height:290px;padding:30px;transition:transform .35s,box-shadow .35s,border-color .35s;display:flex;position:relative;overflow:hidden;box-shadow:0 16px 45px #0f172a0d}.ai-status-card:hover{border-color:#2563eb2e;transform:translateY(-8px);box-shadow:0 30px 70px #0f172a1a}.ai-status-card:before{content:"";background:linear-gradient(90deg,#2563eb,#60a5fa);width:100%;height:5px;position:absolute;top:0;left:0}.ai-status-card:after{content:"";opacity:.6;pointer-events:none;background:radial-gradient(#2563eb14,#0000 70%);border-radius:50%;width:220px;height:220px;transition:transform .4s,opacity .4s;position:absolute;top:-90px;right:-90px}.ai-status-card:hover:after{opacity:1;transform:scale(1.25)}.status-title{z-index:2;width:max-content;color:var(--primary);background:#2563eb14;border:1px solid #2563eb1f;border-radius:999px;align-items:center;padding:8px 16px;font-size:13px;font-weight:700;display:inline-flex;position:relative}.ai-status-card h1{letter-spacing:-2px;color:var(--text);z-index:2;margin:0;font-size:56px;font-weight:900;line-height:1}.ai-status-card h2{letter-spacing:-.6px;color:var(--text);z-index:2;margin:0;font-size:30px;font-weight:800;line-height:1.25}.ai-status-card p{color:var(--text-muted);z-index:2;margin:0;font-size:15px;line-height:1.8}.status-progress{background:#e2e8f0e6;border-radius:999px;width:100%;height:14px;position:relative;overflow:hidden;box-shadow:inset 0 2px 6px #0f172a0f}.status-fill{background:linear-gradient(90deg,#2563eb,#60a5fa);border-radius:999px;height:100%;transition:width .9s;position:relative}.status-fill.purple{background:linear-gradient(90deg,#7c3aed,#8b5cf6,#c084fc)}.status-fill{overflow:hidden;box-shadow:0 8px 22px #2563eb2e}.status-fill:before{content:"";background:linear-gradient(90deg,#0000,#ffffffa6,#0000);width:45%;height:100%;position:absolute;top:0;left:-120%;transform:skew(-25deg)}.ai-status-card:hover .status-fill:before{animation:.9s linear statusBarShine}.ai-status-card h2{max-width:230px;margin-top:2px}.improve-btn{cursor:pointer;color:#fff;background:linear-gradient(135deg,#2563eb,#3b82f6,#60a5fa);border:none;border-radius:18px;justify-content:center;align-items:center;gap:10px;margin-top:auto;padding:16px 22px;font-size:14px;font-weight:700;transition:transform .35s,box-shadow .35s;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 16px 40px #2563eb38}.improve-btn:hover{transform:translateY(-3px);box-shadow:0 24px 52px #2563eb4d}.improve-btn svg{transition:transform .3s}.improve-btn:hover svg{transform:translate(5px)}.improve-btn:before{content:"";background:linear-gradient(90deg,#0000,#ffffff8c,#0000);width:60%;height:100%;position:absolute;top:0;left:-120%;transform:skew(-25deg)}.improve-btn:hover:before{animation:.9s linear improveShine}.ai-status-card.gradient{color:#fff;background:linear-gradient(135deg,#2563eb,#3b82f6,#6366f1);border:none;box-shadow:0 24px 60px #2563eb40}.ai-status-card.gradient:before{background:linear-gradient(90deg,#ffffff73,#ffffff26)}.ai-status-card.gradient:after{background:radial-gradient(#ffffff29,#0000 70%)}.gradient-header{z-index:2;align-items:center;gap:14px;display:flex;position:relative}.gradient-header svg{-webkit-backdrop-filter:blur(12px);background:#ffffff2e;border-radius:16px;width:46px;height:46px;padding:11px}.gradient-header h3{letter-spacing:-.5px;color:#fff;margin:0;font-size:24px;font-weight:800}.recommendation-list{z-index:2;flex-direction:column;gap:16px;margin-top:8px;display:flex;position:relative}.recommendation-item{-webkit-backdrop-filter:blur(12px);background:#ffffff1f;border:1px solid #ffffff1f;border-radius:18px;align-items:flex-start;gap:12px;padding:14px 16px;transition:transform .35s,background-color .35s,box-shadow .35s;display:flex}.recommendation-item:hover{background:#ffffff2e;transform:translate(5px);box-shadow:0 12px 28px #0000001f}.recommendation-item svg{color:#fff;flex-shrink:0;margin-top:2px}.recommendation-item span{color:#fff;font-size:14px;line-height:1.7}@keyframes statusBarShine{to{left:180%}}@keyframes improveShine{to{left:180%}}.ai-status-card{isolation:isolate;overflow:hidden;box-shadow:inset 0 1px #ffffffb3,0 16px 45px #0f172a0d}.ai-status-card:after{transition:transform .45s,opacity .45s}.ai-status-card .status-light{opacity:0;pointer-events:none;background:linear-gradient(120deg,#0000 0%,#ffffff0d 35%,#ffffff2e 50%,#ffffff0d 65%,#0000 100%);position:absolute;inset:0}.ai-status-card:hover .status-light{opacity:1;animation:1.3s aiStatusSweep}.status-title{transition:transform .35s,box-shadow .35s}.ai-status-card:hover .status-title{transform:translateY(-2px);box-shadow:0 8px 22px #2563eb1f}.ai-status-card h1{transition:transform .35s,letter-spacing .35s,text-shadow .35s}.ai-status-card:hover h1{letter-spacing:-3px;text-shadow:0 8px 22px #2563eb1f;transform:translateY(-2px)scale(1.03)}.ai-status-card h2{transition:transform .35s,color .35s}.ai-status-card:hover h2{color:var(--primary);transform:translateY(-2px)}.ai-status-card p{transition:color .35s,transform .35s}.ai-status-card:hover p{color:var(--text);transform:translateY(-1px)}.status-progress{z-index:2;position:relative}.ai-status-card:hover .status-fill{filter:brightness(1.08);box-shadow:0 12px 28px #2563eb2e}.improve-btn{z-index:2;position:relative}.ai-status-card:hover .improve-btn{transform:translateY(-4px);box-shadow:0 28px 60px #2563eb4d}.ai-status-card.gradient{position:relative}.ai-status-card.gradient:hover{transform:translateY(-8px)scale(1.015)}.ai-status-card.gradient .gradient-header{transition:transform .35s}.ai-status-card.gradient:hover .gradient-header{transform:translateY(-2px)}.gradient-header svg{transition:transform .35s,box-shadow .35s}.ai-status-card.gradient:hover .gradient-header svg{transform:rotate(-8deg)scale(1.08);box-shadow:0 16px 36px #ffffff2e}.recommendation-item{position:relative;overflow:hidden}.recommendation-item:before{content:"";background:linear-gradient(90deg,#0000,#ffffff47,#0000);width:50%;height:100%;position:absolute;top:0;left:-120%;transform:skew(-25deg)}.recommendation-item:hover:before{animation:.9s linear recommendationShine}.recommendation-item svg{transition:transform .35s}.recommendation-item:hover svg{transform:scale(1.15)rotate(-6deg)}.ai-status-card{animation:.75s both heroFadeUp}.ai-status-card:first-child{animation-delay:50ms}.ai-status-card:nth-child(2){animation-delay:.12s}.ai-status-card:nth-child(3){animation-delay:.19s}.ai-status-card:nth-child(4){animation-delay:.26s}.ai-status-card:hover{box-shadow:inset 0 1px #ffffffbf,0 34px 80px #0f172a1f}@keyframes aiStatusSweep{0%{transform:translate(-120%)}to{transform:translate(180%)}}@keyframes recommendationShine{to{left:180%}}.ai-status-card{will-change:transform, box-shadow;cursor:default}.ai-status-card *{transition:background-color .25s,border-color .25s,color .25s,transform .35s,box-shadow .35s,opacity .35s}.ai-status-card:focus-within{outline-offset:5px;outline:3px solid #2563eb47}.improve-btn:focus-visible{outline-offset:5px;outline:3px solid #2563eb4d}.recommendation-item:focus-within{outline-offset:3px;outline:2px solid #ffffff59}@media (width<=1400px){.ai-status-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=992px){.ai-status-grid{gap:22px}.ai-status-card{min-height:260px;padding:26px}.ai-status-card h1{font-size:48px}}@media (width<=768px){.ai-status-grid{grid-template-columns:1fr}.ai-status-card{border-radius:24px;min-height:auto;padding:24px}.gradient-header{gap:12px}.gradient-header h3{font-size:22px}.ai-status-card h1{font-size:42px}.ai-status-card h2{font-size:26px}.recommendation-item{padding:13px 15px}.improve-btn{justify-content:center;width:100%}}@media (width<=480px){.ai-status-card{border-radius:22px;gap:16px;padding:20px}.status-title{padding:7px 14px;font-size:12px}.ai-status-card h1{letter-spacing:-1px;font-size:34px}.ai-status-card h2{font-size:22px}.ai-status-card p{font-size:14px}.gradient-header svg{width:40px;height:40px;padding:9px}.gradient-header h3{font-size:20px}.recommendation-item{gap:10px;padding:12px}.recommendation-item span{font-size:13px}.improve-btn{padding:15px 18px;font-size:14px}}@media (prefers-reduced-motion:reduce){.ai-status-card,.ai-status-card *,.recommendation-item{scroll-behavior:auto!important;transition:none!important;animation:none!important;transform:none!important}}.ai-status-card{background:linear-gradient(#fffffffa,#f8fafcfa),radial-gradient(circle at 100% 0,#2563eb08,#0000 60%)}.ai-status-card.gradient{background:linear-gradient(135deg,#2563eb,#3b82f6,#6366f1),radial-gradient(circle at 100% 0,#ffffff1f,#0000 60%)}.ai-status-card h1,.ai-status-card h2{text-wrap:balance}.ai-status-card p,.recommendation-item span{text-wrap:pretty}.ai-status-card.gradient:hover .gradient-header{animation:3.5s ease-in-out infinite aiCoachFloat}.ai-status-card.gradient:hover .recommendation-item:first-child{animation:3s ease-in-out infinite recommendationFloat}.ai-status-card.gradient:hover .recommendation-item:nth-child(2){animation:3s ease-in-out .2s infinite recommendationFloat}.ai-status-card.gradient:hover .recommendation-item:nth-child(3){animation:3s ease-in-out .4s infinite recommendationFloat}.ai-status-card:hover .improve-btn{animation:.7s improvePulse}@keyframes aiCoachFloat{0%{transform:translateY(0)}50%{transform:translateY(-5px)}to{transform:translateY(0)}}@keyframes recommendationFloat{0%{transform:translate(0)}50%{transform:translate(4px)}to{transform:translate(0)}}@keyframes improvePulse{0%{transform:translateY(-4px)scale(1)}50%{transform:translateY(-4px)scale(1.03)}to{transform:translateY(-4px)scale(1)}}@media (width<=1600px){.dashboard{padding:32px}.dashboard-content{gap:30px}}@media (width<=1400px){.dashboard{padding:28px}.dashboard-content{gap:28px}.dashboard-section{margin-top:52px}}@media (width<=1200px){.dashboard{padding:24px}.dashboard-content{gap:26px}.dashboard-section{margin-top:48px}}@media (width<=992px){.dashboard{padding:22px}.dashboard-content{gap:24px}.dashboard-section{margin-top:44px}}@media (width<=768px){.dashboard{padding:18px}.dashboard-content{gap:22px}.dashboard-section{margin-top:40px}}@media (width<=480px){.dashboard{padding:14px}.dashboard-content{gap:20px}.dashboard-section{margin-top:34px}}@media (width<=1200px){.section-header{margin-bottom:24px}.section-header h2{letter-spacing:-1px;font-size:32px}.section-header p{max-width:620px;font-size:15px}}@media (width<=992px){.section-header{gap:10px;margin-bottom:22px}.section-header h2{font-size:30px}.section-header p{font-size:15px;line-height:1.7}.dashboard-card{border-radius:24px}}@media (width<=768px){.section-header{text-align:left;align-items:flex-start;margin-bottom:20px}.section-header h2{font-size:28px;line-height:1.2}.section-header p{max-width:100%;font-size:14px}.dashboard-card{border-radius:22px;padding:22px}}@media (width<=576px){.section-header{margin-bottom:18px}.section-header h2{letter-spacing:-.5px;font-size:24px}.section-header p{font-size:14px;line-height:1.65}.dashboard-card{border-radius:20px;padding:20px}}@media (width<=480px){.section-header{gap:8px}.section-header h2{font-size:22px}.section-header p{font-size:13px}.dashboard-card{border-radius:18px;padding:18px}}@media (width<=768px){.primary-btn,.secondary-btn{justify-content:center;width:100%;min-height:48px}}@media (width<=480px){.primary-btn,.secondary-btn{padding:14px 18px;font-size:14px}}@media (width<=768px){.section-icon{width:46px;height:46px}}@media (width<=480px){.section-icon{width:40px;height:40px}}@media (width<=768px){.dashboard-section>*+*{margin-top:18px}}@media (width<=480px){.dashboard-section>*+*{margin-top:14px}}@media (width<=1400px){.grid-4,.grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=992px){.grid-4,.grid-3,.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid{gap:22px}}@media (width<=768px){.grid-4,.grid-3,.grid-2,.dashboard-grid{grid-template-columns:1fr;gap:20px}.flex-between{flex-direction:column;align-items:flex-start;gap:16px}.flex-center{flex-direction:column;gap:16px}.flex-row{flex-direction:column}.button-group{flex-direction:column;gap:14px;width:100%;display:flex}.button-group>*{width:100%}.card-header{flex-direction:column;align-items:flex-start;gap:14px}.card-footer{flex-direction:column;align-items:flex-start;gap:16px}}@media (width<=576px){.icon-text{gap:10px}.icon-text svg{flex-shrink:0}}.responsive-scroll{-webkit-overflow-scrolling:touch;scrollbar-width:thin;overflow-x:auto}.responsive-scroll::-webkit-scrollbar{height:6px}.responsive-scroll::-webkit-scrollbar-thumb{background:#94a3b873;border-radius:999px}img{max-width:100%;height:auto;display:block}.table-responsive{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}.break-word{overflow-wrap:break-word;word-break:break-word}.text-truncate{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}@media (width<=768px){.mobile-mt-0{margin-top:0!important}.mobile-mt-1{margin-top:8px!important}.mobile-mt-2{margin-top:16px!important}.mobile-mb-2{margin-bottom:16px!important}.mobile-hidden{display:none!important}.mobile-full{width:100%!important}.dashboard *{min-width:0}.dashboard-card{overflow:hidden}}:focus-visible{outline-offset:4px;border-radius:10px;outline:3px solid #2563eb47}button,a,input,textarea,select{touch-action:manipulation}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.dashboard{width:100%;max-width:100vw;overflow-x:hidden}.dashboard-content{width:100%;max-width:100%}.dashboard-card{isolation:isolate;position:relative;overflow:hidden}.dashboard-card>*{z-index:2;position:relative}@media (pointer:coarse){button,.primary-btn,.secondary-btn,.quick-action,.improve-btn{min-width:48px;min-height:48px}}@media (height<=600px) and (orientation:landscape){.dashboard{padding:18px}.dashboard-section{margin-top:28px}}@media (-webkit-device-pixel-ratio>=2),(resolution>=192dpi){.dashboard-card{border-width:.5px}}@media print{.dashboard{padding:0;color:#000!important;background:#fff!important}.dashboard-card{border:1px solid #ddd;box-shadow:none!important}.primary-btn,.secondary-btn,.quick-action,.improve-btn{display:none!important}}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}.dashboard-section{content-visibility:auto;contain-intrinsic-size:800px}.dashboard-card{contain:layout style paint}img,svg,video,canvas{max-width:100%;height:auto;display:block}input,textarea,select{width:100%;max-width:100%}.dashboard{scroll-padding-top:30px}.dashboard *{box-sizing:border-box}.goal-card{background:linear-gradient(#fffffffa,#f8fafcfa);border:1px solid #e2e8f0d9;border-radius:30px;justify-content:space-between;align-items:center;gap:40px;padding:34px;transition:transform .35s,box-shadow .35s;display:flex;position:relative;overflow:hidden;box-shadow:0 18px 45px #0f172a0f}.goal-card:hover{transform:translateY(-6px);box-shadow:0 30px 70px #0f172a1a}.goal-card:before{content:"";background:linear-gradient(90deg,#2563eb,#60a5fa,#8b5cf6);width:100%;height:5px;position:absolute;top:0;left:0}.goal-left{flex:1}.goal-left span{color:#2563eb;letter-spacing:1px;text-transform:uppercase;background:#2563eb14;border-radius:999px;padding:8px 14px;font-size:12px;font-weight:700;display:inline-block}.goal-left h2{color:var(--text);margin:18px 0 10px;font-size:34px;font-weight:800}.goal-left p{color:var(--text-muted);margin-bottom:26px;font-size:16px}.goal-progress{background:#e5e7eb;border-radius:999px;width:100%;height:14px;margin-bottom:16px;position:relative;overflow:hidden}.goal-progress-fill{background:linear-gradient(90deg,#2563eb,#3b82f6,#60a5fa);border-radius:999px;height:100%;transition:width .8s;position:relative}.goal-progress-fill:after{content:"";background:linear-gradient(90deg,#0000,#ffffff73,#0000);animation:2.5s linear infinite goalShine;position:absolute;inset:0}.goal-left small{color:var(--text-muted);font-size:14px;font-weight:600;display:block}.goal-right{flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:24px;display:flex}.goal-icon{color:#fff;background:linear-gradient(135deg,#2563eb,#60a5fa);border-radius:28px;justify-content:center;align-items:center;width:96px;height:96px;transition:all .35s;display:flex;box-shadow:0 20px 45px #2563eb40}.goal-card:hover .goal-icon{transform:translateY(-4px)scale(1.05);box-shadow:0 28px 60px #2563eb4d}.goal-icon svg{width:46px;height:46px}@keyframes goalShine{0%{transform:translate(-100%)}to{transform:translate(250%)}}@keyframes goalButtonShine{to{left:170%}}@media (width<=900px){.goal-card{flex-direction:column;align-items:flex-start;gap:32px}.goal-right{align-items:stretch;width:100%}.goal-btn{width:100%}.goal-icon{align-self:center}}@media (width<=600px){.goal-card{border-radius:24px;padding:24px}.goal-left h2{font-size:28px}.goal-left p{font-size:15px}.goal-icon{width:80px;height:80px}.goal-icon svg{width:38px;height:38px}.goal-btn{min-width:100%;padding:16px 22px}}.goal-btn{cursor:pointer;color:#fff;background:linear-gradient(135deg,#2563eb,#3b82f6,#60a5fa);border:none;border-radius:18px;justify-content:center;align-items:center;gap:12px;min-width:210px;padding:18px 28px;font-size:15px;font-weight:700;transition:transform .35s,box-shadow .35s;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 18px 40px #2563eb40}.goal-btn:hover{transform:translateY(-4px);box-shadow:0 26px 60px #2563eb4d}.goal-btn svg{transition:all .3s}.goal-btn:hover svg:last-child{transform:translate(5px)}.goal-btn:before{content:"";background:linear-gradient(90deg,#0000,#ffffff73,#0000);width:70%;height:100%;position:absolute;top:0;left:-120%;transform:skew(-25deg)}.goal-btn:hover:before{animation:.8s linear goalButtonShine}@media (width<=900px){.goal-card{flex-direction:column;align-items:flex-start;gap:32px}.goal-right{align-items:stretch;width:100%}.goal-btn{width:100%}.goal-icon{align-self:center}}@media (width<=600px){.goal-card{border-radius:24px;padding:24px}.goal-left h2{font-size:28px}.goal-left p{font-size:15px}.goal-icon{width:80px;height:80px}.goal-icon svg{width:38px;height:38px}.goal-btn{min-width:100%;padding:16px 22px}}.activity-card{background:linear-gradient(#fffffffa,#f8fafcfa);border:1px solid #e2e8f0d9;border-radius:30px;padding:34px;transition:transform .35s,box-shadow .35s;position:relative;overflow:hidden;box-shadow:0 18px 45px #0f172a0f}.activity-card:hover{transform:translateY(-6px);box-shadow:0 30px 70px #0f172a1a}.activity-card:before{content:"";background:linear-gradient(90deg,#2563eb,#60a5fa,#8b5cf6);width:100%;height:5px;position:absolute;top:0;left:0}.activity-header{justify-content:space-between;align-items:center;margin-bottom:32px;display:flex}.activity-header h2{color:var(--text);font-size:28px;font-weight:800}.activity-header p{color:var(--text-muted);margin-top:6px;font-size:15px}.activity-list{flex-direction:column;gap:18px;display:flex}.activity-item{background:#fff;border:1px solid #e2e8f0d9;border-radius:22px;align-items:center;gap:22px;padding:22px;transition:transform .35s,box-shadow .35s,border-color .35s;display:flex;position:relative}.activity-item:hover{border-color:#2563eb33;transform:translate(8px);box-shadow:0 20px 45px #0f172a14}.activity-icon{color:#fff;border-radius:18px;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;font-size:22px;font-weight:700;display:flex}.activity-item.reading .activity-icon{background:linear-gradient(135deg,#2563eb,#60a5fa)}.activity-item.listening .activity-icon{background:linear-gradient(135deg,#06b6d4,#67e8f9)}.activity-item.writing .activity-icon{background:linear-gradient(135deg,#f97316,#fb923c)}.activity-item.speaking .activity-icon{background:linear-gradient(135deg,#22c55e,#4ade80)}.activity-item.ai .activity-icon{background:linear-gradient(135deg,#8b5cf6,#a78bfa)}.activity-content{flex:1}.activity-content h3{color:var(--text);margin-bottom:6px;font-size:18px;font-weight:800}.activity-content p{color:var(--text-muted);font-size:15px;line-height:1.7}.activity-time{color:#2563eb;white-space:nowrap;background:#2563eb14;border-radius:999px;align-items:center;gap:8px;padding:8px 14px;font-size:13px;font-weight:700;display:flex}.activity-list{position:relative}.activity-list:before{content:"";background:linear-gradient(#2563eb2e,#60a5fa1f,#0000);width:2px;position:absolute;top:0;bottom:0;left:31px}.activity-item{margin-left:22px;position:relative}.activity-item:before{content:"";background:#2563eb;border:4px solid #fff;border-radius:50%;width:12px;height:12px;position:absolute;top:38px;left:-33px;box-shadow:0 0 0 4px #2563eb1a}.activity-item:after{content:"";opacity:0;background:linear-gradient(135deg,#2563eb08,#0000);border-radius:22px;transition:all .35s;position:absolute;inset:0}.activity-item:hover:after{opacity:1}.activity-icon{transition:transform .35s,box-shadow .35s}.activity-item:hover .activity-icon{transform:rotate(-8deg)scale(1.08);box-shadow:0 18px 45px #2563eb40}.activity-content h3{transition:all .3s}.activity-item:hover h3{color:#2563eb}.activity-time{transition:all .3s}.activity-item:hover .activity-time{color:#fff;background:#2563eb}@media (width<=768px){.activity-card{padding:24px}.activity-header{flex-direction:column;align-items:flex-start;gap:10px}.activity-item{gap:16px;margin-left:12px;padding:18px}.activity-list:before{left:22px}.activity-item:before{top:34px;left:-22px}.activity-icon{border-radius:16px;width:52px;height:52px}.activity-content h3{font-size:16px}.activity-content p{font-size:14px}.activity-time{padding:6px 12px;font-size:12px}}@keyframes activityFadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.activity-item{animation:.6s both activityFadeUp}.activity-item:first-child{animation-delay:50ms}.activity-item:nth-child(2){animation-delay:.15s}.activity-item:nth-child(3){animation-delay:.25s}.activity-item:nth-child(4){animation-delay:.35s}.activity-item:nth-child(5){animation-delay:.45s}.activity-item:nth-child(6){animation-delay:.55s}.activity-card:after{content:"";filter:blur(10px);pointer-events:none;background:radial-gradient(#2563eb1a,#0000 72%);border-radius:50%;width:320px;height:320px;position:absolute;top:-140px;right:-140px}.activity-decoration{pointer-events:none;border-radius:50%;position:absolute}.activity-decoration.one{opacity:.35;background:#60a5fa;width:12px;height:12px;animation:6s ease-in-out infinite activityFloat;top:40px;right:42px}.activity-decoration.two{opacity:.3;background:#8b5cf6;width:8px;height:8px;animation:8s ease-in-out 2s infinite activityFloat;bottom:38px;left:46%}.activity-item{overflow:hidden}.activity-item .activity-ripple{opacity:0;background:radial-gradient(circle,#2563eb14,#0000 70%);transition:opacity .35s,transform .35s;position:absolute;inset:0;transform:scale(.85)}.activity-item:hover .activity-ripple{opacity:1;transform:scale(1.1)}.activity-icon:after{content:"";background:#22c55e;border:2px solid #fff;border-radius:50%;width:12px;height:12px;position:absolute;top:-2px;right:-2px;box-shadow:0 0 12px #22c55e73}.activity-view-all{justify-content:center;margin-top:28px;display:flex}.activity-view-all button{cursor:pointer;color:#2563eb;background:#2563eb14;border:none;border-radius:16px;padding:14px 24px;font-weight:700;transition:all .3s}.activity-view-all button:hover{color:#fff;background:#2563eb;transform:translateY(-3px)}.activity-item:focus-within{outline-offset:3px;outline:3px solid #2563eb2e}@media (prefers-reduced-motion:reduce){.activity-item,.activity-icon,.activity-decoration{transition:none!important;animation:none!important}}@keyframes activityFloat{0%{opacity:.3;transform:translateY(0)scale(1)}50%{opacity:.6;transform:translateY(-10px)scale(1.15)}to{opacity:.3;transform:translateY(0)scale(1)}}.premium-banner{color:#fff;isolation:isolate;background:linear-gradient(135deg,#1e3a8a 0%,#2563eb 35%,#4f46e5 70%,#7c3aed 100%);border-radius:32px;justify-content:space-between;align-items:center;gap:60px;padding:48px;display:flex;position:relative;overflow:hidden;box-shadow:0 25px 70px #2563eb40}.premium-banner:before{content:"";pointer-events:none;background:radial-gradient(circle at 100% 0,#ffffff2e,#0000 45%);position:absolute;inset:0}.premium-banner:after{content:"";filter:blur(12px);pointer-events:none;background:radial-gradient(#ffffff2e,#0000 72%);border-radius:50%;width:340px;height:340px;position:absolute;top:-120px;right:-120px}.premium-content{z-index:2;flex:1;position:relative}.premium-content h2{letter-spacing:-.03em;margin:18px 0 14px;font-size:42px;font-weight:800;line-height:1.15}.premium-content p{color:#ffffffdb;max-width:760px;font-size:17px;line-height:1.8}.premium-tag{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);letter-spacing:.08em;text-transform:uppercase;background:#ffffff26;border:1px solid #fff3;border-radius:999px;align-items:center;gap:10px;padding:10px 18px;font-size:13px;font-weight:700;display:inline-flex}.premium-features{grid-template-columns:repeat(2,minmax(220px,1fr));gap:18px;margin-top:36px;display:grid}.premium-feature{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff;background:#ffffff1a;border:1px solid #ffffff26;border-radius:18px;align-items:center;gap:14px;padding:16px 20px;font-size:15px;font-weight:600;transition:transform .35s,background .35s,border-color .35s,box-shadow .35s;display:flex}.premium-feature:hover{background:#ffffff2e;border-color:#ffffff47;transform:translateY(-5px);box-shadow:0 18px 40px #0000002e}.premium-feature svg{color:#fde68a;flex-shrink:0}.premium-side{z-index:2;flex-direction:column;justify-content:center;align-items:center;gap:32px;width:320px;display:flex;position:relative}.premium-icon{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(135deg,#ffffff38,#ffffff1a);border:1px solid #ffffff2e;border-radius:50%;justify-content:center;align-items:center;width:150px;height:150px;animation:5s ease-in-out infinite premiumFloat;display:flex;box-shadow:0 25px 70px #00000038}.premium-icon svg{color:#facc15;filter:drop-shadow(0 6px 18px #facc1573);width:72px;height:72px}.premium-side a{width:100%}@keyframes premiumButtonShine{to{left:170%}}@media (width<=992px){.premium-banner{text-align:center;flex-direction:column;gap:42px}.premium-content{flex-direction:column;align-items:center;display:flex}.premium-features,.premium-side{width:100%}.premium-btn{max-width:320px}}@media (width<=768px){.premium-banner{padding:30px}.premium-content h2{font-size:32px}.premium-content p{font-size:15px}.premium-features{grid-template-columns:1fr}.premium-icon{width:120px;height:120px}.premium-icon svg{width:56px;height:56px}.premium-btn{width:100%}}.premium-btn{cursor:pointer;color:#1e3a8a;background:#fff;border:none;border-radius:18px;justify-content:center;align-items:center;gap:12px;width:100%;padding:18px 28px;font-size:16px;font-weight:700;transition:transform .35s,box-shadow .35s,background .35s,color .35s;display:flex;position:relative;overflow:hidden;box-shadow:0 22px 55px #0000002e}.premium-btn:hover{background:#f8fafc;transform:translateY(-5px);box-shadow:0 30px 65px #00000040}.premium-btn svg{transition:transform .35s}.premium-btn:hover svg{transform:translate(6px)}.premium-btn:before{content:"";background:linear-gradient(90deg,#0000,#ffffffb3,#0000);width:70%;height:100%;position:absolute;top:0;left:-120%;transform:skew(-25deg)}.premium-btn:hover:before{animation:.8s linear premiumButtonShine}@media (width<=992px){.premium-banner{text-align:center;flex-direction:column;gap:42px}.premium-content{flex-direction:column;align-items:center;display:flex}.premium-features,.premium-side{width:100%}.premium-btn{max-width:320px}}@media (width<=768px){.premium-banner{padding:30px}.premium-content h2{font-size:32px}.premium-content p{font-size:15px}.premium-features{grid-template-columns:1fr}.premium-icon{width:120px;height:120px}.premium-icon svg{width:56px;height:56px}.premium-btn{width:100%}}.ai-page{background:var(--bg,#f8fafc);min-height:100vh;color:var(--text,#0f172a);padding:40px 24px 80px;font-family:Inter,system-ui,-apple-system,sans-serif;transition:background .35s,color .35s}.ai-container{max-width:1280px;margin:0 auto}.ai-hero-card{background:var(--card,#fff);border:1px solid var(--border,#cbd5e1);box-shadow:var(--shadow,0 10px 30px #0f172a0f);border-radius:28px;justify-content:space-between;align-items:center;gap:40px;margin-bottom:28px;padding:40px 44px;display:flex;position:relative;overflow:hidden}.ai-hero-left{max-width:680px}.ai-pill{color:var(--primary,#2563eb);letter-spacing:.5px;background:#2563eb1a;border:1px solid #2563eb33;border-radius:999px;align-items:center;gap:8px;margin-bottom:16px;padding:6px 16px;font-size:12px;font-weight:800;display:inline-flex}.ai-hero-title{color:var(--text,#0f172a);letter-spacing:-1.2px;margin:0 0 14px;font-size:clamp(2rem,3.8vw,3rem);font-weight:900;line-height:1.1}.ai-hero-sub{color:var(--text-secondary,#475569);margin:0 0 28px;font-size:16px;line-height:1.6}.ai-hero-actions{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.ai-btn-primary{background:var(--primary,#2563eb);color:#fff;cursor:pointer;border:none;border-radius:14px;align-items:center;gap:8px;padding:13px 26px;font-size:14px;font-weight:800;transition:transform .2s,box-shadow .2s;display:inline-flex;box-shadow:0 8px 24px #2563eb4d}.ai-btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 30px #2563eb66}.ai-btn-secondary{background:var(--surface-2,#f1f5f9);color:var(--text,#0f172a);border:1px solid var(--border,#cbd5e1);cursor:pointer;border-radius:14px;align-items:center;gap:8px;padding:13px 22px;font-size:14px;font-weight:700;transition:background .2s;display:inline-flex}.ai-btn-secondary:hover{background:var(--border,#e2e8f0)}.ai-hero-metrics{flex-direction:column;gap:16px;min-width:260px;display:flex}.ai-metric-item{background:var(--surface-2,#f1f5f9);border:1px solid var(--border,#e2e8f0);border-radius:18px;align-items:center;gap:16px;padding:16px 20px;display:flex}.ai-metric-icon{border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.ai-metric-val{color:var(--text,#0f172a);font-size:20px;font-weight:900;line-height:1.1}.ai-metric-lbl{color:var(--text-secondary,#64748b);margin-top:2px;font-size:12px;font-weight:600}.ai-focus-banner{background:linear-gradient(135deg,#f59e0b1a,#fbbf240f);border:1px solid #f59e0b4d;border-radius:20px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-bottom:40px;padding:20px 28px;display:flex}.ai-focus-left{align-items:center;gap:16px;display:flex}.ai-focus-icon{background:#f59e0b26;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.ai-focus-title{color:var(--text,#0f172a);font-size:15px;font-weight:800}.ai-focus-desc{color:var(--text-secondary,#475569);margin-top:3px;font-size:13px}.ai-focus-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#f59e0b;border:none;border-radius:12px;padding:10px 20px;font-size:13px;font-weight:800;transition:transform .2s;box-shadow:0 4px 14px #f59e0b4d}.ai-focus-btn:hover{transform:translateY(-2px)}.ai-grid-section{margin-bottom:48px}.ai-section-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:28px;display:flex}.ai-section-title{color:var(--text,#0f172a);letter-spacing:-.6px;margin:0 0 6px;font-size:26px;font-weight:900}.ai-section-sub{color:var(--text-secondary,#64748b);margin:0;font-size:14px}.ai-suite-badge{background:var(--surface-2,#f1f5f9);border:1px solid var(--border,#cbd5e1);color:var(--text-secondary,#475569);border-radius:999px;align-items:center;gap:6px;padding:6px 14px;font-size:12px;font-weight:700;display:inline-flex}.ai-tools-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px;display:grid}.ai-tool-card{background:var(--card,#fff);border:1px solid var(--border,#cbd5e1);cursor:pointer;border-radius:22px;flex-direction:column;padding:28px;transition:transform .25s,box-shadow .25s,border-color .25s;display:flex;box-shadow:0 6px 20px #0f172a0a}.ai-tool-card:hover{border-color:var(--primary,#2563eb);transform:translateY(-6px);box-shadow:0 16px 40px #0f172a1a}.ai-tool-top{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.ai-tool-icon{border-radius:16px;justify-content:center;align-items:center;width:52px;height:52px;display:flex}.ai-tool-tag{letter-spacing:.3px;text-transform:uppercase;border-radius:999px;padding:4px 12px;font-size:11px;font-weight:800}.ai-tool-category{color:var(--text-secondary,#64748b);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;font-size:12px;font-weight:700}.ai-tool-title{color:var(--text,#0f172a);margin:0 0 10px;font-size:19px;font-weight:800}.ai-tool-desc{color:var(--text-secondary,#475569);flex:1;margin:0 0 20px;font-size:14px;line-height:1.6}.ai-tool-action{align-items:center;gap:6px;font-size:14px;font-weight:800;display:inline-flex}.ai-stats-strip{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;display:grid}.ai-stat-box{background:var(--card,#fff);border:1px solid var(--border,#cbd5e1);border-radius:20px;align-items:center;gap:16px;padding:22px 24px;display:flex;box-shadow:0 4px 16px #0f172a0a}.ai-stat-val{color:var(--text,#0f172a);font-size:20px;font-weight:900;line-height:1.1}.ai-stat-lbl{color:var(--text-secondary,#64748b);margin-top:3px;font-size:12px;font-weight:600}@media (width<=900px){.ai-hero-card{flex-direction:column;align-items:stretch;padding:32px 24px}.ai-hero-metrics{min-width:100%}.ai-page{padding:24px 16px 60px}}.ana-page{background:#f0f2f5;max-width:1300px;min-height:100vh;margin:0 auto;padding:40px 32px 80px}.ana-loading,.ana-empty,.ana-lock{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:60vh;display:flex}.ana-loading p,.ana-empty p,.ana-lock p{color:#64748b;font-size:15px}.ana-empty h2,.ana-lock h2{color:#0f172a;font-size:24px;font-weight:800}.ana-spinner{border:3px solid #e2e8f0;border-top-color:#2563eb;border-radius:50%;width:40px;height:40px;animation:.8s linear infinite anaSpin}@keyframes anaSpin{to{transform:rotate(360deg)}}.ana-btn-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb,#1d4ed8);border:none;border-radius:10px;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:800;transition:transform .2s,box-shadow .2s;display:inline-flex;box-shadow:0 8px 24px #2563eb40}.ana-btn-primary:hover{transform:translateY(-2px);box-shadow:0 14px 32px #2563eb59}.ana-hero{color:#fff;background:linear-gradient(135deg,#1e293b,#2563eb);border-radius:22px;justify-content:space-between;align-items:center;gap:24px;margin-bottom:28px;padding:40px 44px;display:flex}.ana-hero-badge{letter-spacing:.1em;text-transform:uppercase;color:#bfdbfe;background:#ffffff1f;border:1px solid #fff3;border-radius:999px;align-items:center;gap:7px;margin-bottom:14px;padding:6px 16px;font-size:11px;font-weight:800;display:inline-flex}.ana-hero-left h1{letter-spacing:-1.5px;margin-bottom:8px;font-size:34px;font-weight:900;line-height:1.1}.ana-hero-left p{color:#ffffffb3;font-size:15px}.ana-overall-band{background:#ffffff14;border:3px solid;border-radius:50%;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;width:130px;height:130px;display:flex}.ana-band-num{font-size:44px;font-weight:900;line-height:1}.ana-band-sub{color:#fff9;margin-top:2px;font-size:11px;font-weight:700}.ana-band-level{color:#ffffff80;margin-top:3px;font-size:11px}.ana-kpi-row{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:32px;display:grid}.ana-kpi-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;align-items:center;gap:16px;padding:22px 24px;transition:transform .2s,box-shadow .2s;display:flex}.ana-kpi-card:hover{transform:translateY(-4px);box-shadow:0 16px 40px #0f172a14}.ana-kpi-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;display:flex}.ana-kpi-value{font-size:28px;font-weight:900;line-height:1}.ana-kpi-label{color:#0f172a;margin-top:3px;font-size:13px;font-weight:700}.ana-kpi-sub{color:#94a3b8;margin-top:2px;font-size:11px}.ana-section-title{color:#0f172a;align-items:center;gap:9px;margin-bottom:16px;font-size:16px;font-weight:800;display:flex}.ana-section-title svg{color:#2563eb}.ana-skill-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:8px;display:grid}.ana-skill-card{border:1px solid #e2e8f0;border-top:3px solid var(--skill-color);background:#fff;border-radius:16px;flex-direction:column;gap:12px;padding:22px 22px 18px;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex}.ana-skill-card:hover{border-color:var(--skill-color);box-shadow:0 16px 48px #0f172a1a}.ana-skill-top{align-items:center;gap:12px;display:flex}.ana-skill-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.ana-skill-name{color:#0f172a;font-size:15px;font-weight:800}.ana-skill-count{color:#94a3b8;margin-top:2px;font-size:12px}.ana-skill-band{align-items:center;gap:8px;font-size:38px;font-weight:900;line-height:1;display:flex}.ana-skill-delta{align-items:center;gap:2px;font-size:13px;font-weight:700;display:flex}.ana-minibar-track{background:#f1f5f9;border-radius:999px;height:6px;overflow:hidden}.ana-minibar-fill{border-radius:999px;height:100%;transition:width .6s}.ana-skill-meta{color:#64748b;justify-content:space-between;font-size:12px;display:flex}.ana-sparkline{align-items:flex-end;gap:3px;height:28px;display:flex}.ana-spark-bar{opacity:.7;border-radius:3px 3px 0 0;flex:1;min-height:3px;transition:opacity .2s}.ana-spark-bar:hover{opacity:1}.ana-filter-tabs{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.ana-filter-tab{color:#64748b;cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:999px;padding:7px 16px;font-size:13px;font-weight:700;transition:all .15s}.ana-filter-tab:hover{color:#2563eb;border-color:#2563eb}.ana-filter-tab.active{color:#fff;background:#2563eb;border-color:#2563eb}.ana-table-wrap{background:#fff;border:1px solid #e2e8f0;border-radius:16px;overflow:hidden}.ana-table-head{text-transform:uppercase;letter-spacing:.07em;color:#94a3b8;background:#f8fafc;border-bottom:1px solid #e2e8f0;grid-template-columns:2fr 1fr .8fr .6fr .8fr .5fr 1fr;gap:12px;padding:12px 20px;font-size:11px;font-weight:800;display:grid}.ana-table-row{border-bottom:1px solid #f1f5f9;grid-template-columns:2fr 1fr .8fr .6fr .8fr .5fr 1fr;align-items:center;gap:12px;padding:13px 20px;font-size:13px;transition:background .15s;display:grid}.ana-table-row:last-child{border-bottom:none}.ana-table-row:hover{background:#f8fafc}.ana-row-title{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.ana-row-skill{white-space:nowrap;border-radius:999px;align-items:center;gap:5px;padding:3px 10px;font-size:11px;font-weight:700;display:inline-flex}.ana-row-score{color:#475569;font-weight:600}.ana-row-band{border-radius:999px;padding:3px 10px;font-size:12px;font-weight:800;display:inline-block}.ana-row-acc{color:#475569;font-weight:600}.ana-row-time{color:#94a3b8;font-size:12px}.ana-row-date{color:#94a3b8;white-space:nowrap;font-size:12px}.ana-table-empty{text-align:center;color:#94a3b8;padding:36px;font-size:14px}.ana-cta{background:linear-gradient(135deg,#1e293b,#334155);border-radius:18px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;margin-top:32px;padding:30px 36px;display:flex}.ana-cta h3{color:#fff;margin-bottom:6px;font-size:20px;font-weight:800}.ana-cta p{color:#fff9;font-size:14px}.ana-cta-btns{flex-wrap:wrap;gap:10px;display:flex}.ana-cta-skill-btn{border:1.5px solid var(--sc);background:var(--sb);color:var(--sc);cursor:pointer;border-radius:9px;align-items:center;gap:7px;padding:9px 18px;font-size:13px;font-weight:700;transition:all .2s;display:inline-flex}.ana-cta-skill-btn:hover{background:var(--sc);color:#fff;transform:translateY(-2px)}@media (width<=1100px){.ana-kpi-row,.ana-skill-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.ana-page{padding:24px 16px 60px}.ana-hero{text-align:center;flex-direction:column;align-items:center;padding:28px 24px}.ana-hero-left h1{font-size:26px}.ana-kpi-row{grid-template-columns:repeat(2,1fr);gap:12px}.ana-skill-grid{grid-template-columns:1fr 1fr;gap:12px}.ana-table-head{display:none}.ana-table-row{grid-template-rows:auto auto auto;grid-template-columns:1fr 1fr;gap:6px;padding:14px 16px}.ana-row-title{grid-column:1/-1}.ana-cta{flex-direction:column;align-items:flex-start;padding:24px 20px}}@media (width<=480px){.ana-kpi-row{grid-template-columns:1fr 1fr}.ana-skill-grid{grid-template-columns:1fr}.ana-hero-left h1{font-size:22px}}[data-theme=dark] .ana-page{background:var(--bg,#0b0f19);color:var(--text,#f8fafc)}[data-theme=dark] .ana-card,[data-theme=dark] .ana-kpi-card,[data-theme=dark] .ana-skill-card,[data-theme=dark] .ana-chart-card,[data-theme=dark] .ana-table-card,[data-theme=dark] .ana-empty,[data-theme=dark] .ana-lock{background:var(--surface,#151c2c);border-color:var(--border,#26334d);color:var(--text,#f8fafc)}[data-theme=dark] .ana-card-title,[data-theme=dark] .ana-kpi-val,[data-theme=dark] .ana-skill-name,[data-theme=dark] .ana-row-title,[data-theme=dark] .ana-empty h2,[data-theme=dark] .ana-lock h2{color:var(--text,#f8fafc)}[data-theme=dark] .ana-kpi-lbl,[data-theme=dark] .ana-skill-sub,[data-theme=dark] .ana-row-date,[data-theme=dark] .ana-loading p,[data-theme=dark] .ana-empty p,[data-theme=dark] .ana-lock p{color:var(--text-muted,#94a3b8)}[data-theme=dark] .ana-table-head{background:var(--surface-2,#1e293b);color:var(--text-muted,#94a3b8)}[data-theme=dark] .ana-table-row{border-bottom-color:var(--border,#26334d)}[data-theme=dark] .ana-hero p{color:#ffffffe6}.ielts-reading-page{background:#f0f2f5;flex-direction:column;min-height:100vh;display:flex}.ielts-exam-bar{z-index:100;color:#fff;background:#1e293b;flex-shrink:0;justify-content:space-between;align-items:center;gap:20px;height:64px;padding:0 28px;display:flex;position:sticky;top:0;box-shadow:0 2px 12px #00000040}.ielts-bar-left{align-items:center;gap:16px;min-width:0;display:flex}.ielts-bar-badge{color:#fff;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;background:#2563eb;border-radius:6px;flex-shrink:0;padding:5px 12px;font-size:11px;font-weight:800}.ielts-bar-badge.general{background:#7c3aed}.ielts-bar-title{color:#e2e8f0;white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:700;overflow:hidden}.ielts-bar-center{flex-shrink:0;align-items:center;gap:24px;display:flex}.ielts-progress-pill{color:#cbd5e1;background:#ffffff14;border-radius:8px;align-items:center;gap:10px;padding:6px 14px;font-size:13px;font-weight:600;display:flex}.ielts-progress-pill-bar{background:#ffffff26;border-radius:999px;width:100px;height:6px;overflow:hidden}.ielts-progress-pill-fill{background:linear-gradient(90deg,#06b6d4,#2563eb);border-radius:999px;height:100%;transition:width .4s}.ielts-timer{font-variant-numeric:tabular-nums;letter-spacing:.04em;color:#fff;background:#ffffff14;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-width:90px;padding:6px 16px;font-size:20px;font-weight:800;display:flex}.ielts-timer.warning{color:#fb923c;background:#fb923c26}.ielts-timer.danger{color:#f87171;background:#f8717126;animation:1s infinite timerPulse}@keyframes timerPulse{0%,to{opacity:1}50%{opacity:.6}}.ielts-bar-right{flex-shrink:0;align-items:center;gap:10px;display:flex}.ielts-btn-outline{color:#e2e8f0;cursor:pointer;white-space:nowrap;background:0 0;border:1.5px solid #ffffff4d;border-radius:8px;padding:7px 16px;font-size:13px;font-weight:700;transition:all .2s}.ielts-btn-outline:hover{background:#ffffff1a;border-color:#ffffff80}.ielts-btn-submit{color:#fff;cursor:pointer;white-space:nowrap;background:#16a34a;border:none;border-radius:8px;padding:8px 20px;font-size:13px;font-weight:800;transition:all .2s}.ielts-btn-submit:hover{background:#15803d;transform:translateY(-1px)}.ielts-passage-tabs{background:#1e293b;border-bottom:1px solid #334155;align-items:flex-end;gap:4px;padding:0 28px;display:flex}.ielts-passage-tab{color:#94a3b8;cursor:pointer;white-space:nowrap;letter-spacing:.02em;background:0 0;border:none;border-bottom:3px solid #0000;padding:12px 20px;font-size:13px;font-weight:700;transition:all .2s}.ielts-passage-tab:hover{color:#e2e8f0}.ielts-passage-tab.active{color:#38bdf8;border-bottom-color:#38bdf8}.ielts-passage-tab .tab-count{background:#ffffff1a;border-radius:999px;margin-left:6px;padding:1px 7px;font-size:11px;display:inline-block}.ielts-passage-tab.active .tab-count{color:#38bdf8;background:#38bdf833}.ielts-mobile-tabs{background:#fff;border-bottom:1px solid #e2e8f0;display:none}.ielts-mobile-tab{color:#64748b;cursor:pointer;background:0 0;border:none;border-bottom:3px solid #0000;flex:1;padding:13px 16px;font-size:13px;font-weight:700;transition:all .2s}.ielts-mobile-tab.active{color:#2563eb;border-bottom-color:#2563eb}.ielts-exam-body{flex:1;grid-template-columns:1.2fr 1fr;gap:0;height:calc(100vh - 112px);display:grid;overflow:hidden}.ielts-passage-panel{background:#fff;border-right:1px solid #dde3ec;padding:36px 40px;overflow-y:auto}.ielts-passage-panel::-webkit-scrollbar{width:6px}.ielts-questions-panel::-webkit-scrollbar{width:6px}.ielts-passage-panel::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:99px}.ielts-questions-panel::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:99px}.ielts-passage-header{border-bottom:2px solid #e2e8f0;margin-bottom:28px;padding-bottom:20px}.ielts-passage-label{letter-spacing:.1em;text-transform:uppercase;color:#2563eb;margin-bottom:10px;font-size:11px;font-weight:800}.ielts-passage-title{color:#0f172a;margin-bottom:8px;font-size:22px;font-weight:800;line-height:1.3}.ielts-passage-subtitle{color:#64748b;font-size:14px;font-style:italic}.ielts-passage-body p{color:#1e293b;text-align:justify;margin-bottom:22px;font-family:Georgia,Times New Roman,serif;font-size:16px;line-height:1.95}.ielts-passage-section{margin-bottom:32px}.ielts-passage-section-heading{color:#2563eb;text-transform:uppercase;letter-spacing:.06em;background:#eff6ff;border-left:3px solid #2563eb;border-radius:0 4px 4px 0;margin-bottom:12px;padding:6px 12px;font-size:14px;font-weight:800}.ielts-questions-panel{background:#f8fafc;flex-direction:column;display:flex;overflow-y:auto}.ielts-qpanel-inner{flex:1;padding:24px 28px 60px}.ielts-palette-wrap{background:#fff;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:24px;padding:16px 18px}.ielts-palette-title{letter-spacing:.08em;text-transform:uppercase;color:#64748b;margin-bottom:12px;font-size:11px;font-weight:800}.ielts-palette-grid{flex-wrap:wrap;gap:6px;margin-bottom:12px;display:flex}.ielts-palette-btn{color:#475569;cursor:pointer;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:6px;justify-content:center;align-items:center;width:34px;height:34px;font-size:12px;font-weight:700;transition:all .15s;display:flex}.ielts-palette-btn:hover{color:#2563eb;border-color:#2563eb}.ielts-palette-btn.answered{color:#fff;background:#2563eb;border-color:#2563eb}.ielts-palette-btn.flagged{color:#92400e;background:#fef3c7;border-color:#f59e0b}.ielts-palette-btn.answered.flagged{color:#fff;background:#f59e0b;border-color:#d97706}.ielts-palette-btn.current{box-shadow:0 0 0 3px #2563eb59}.ielts-palette-legend{flex-wrap:wrap;gap:14px;display:flex}.ielts-legend-item{color:#64748b;align-items:center;gap:5px;font-size:11px;font-weight:600;display:flex}.ielts-legend-dot{border-radius:3px;flex-shrink:0;width:12px;height:12px}.ielts-legend-dot.answered{background:#2563eb}.ielts-legend-dot.flagged{background:#f59e0b}.ielts-legend-dot.empty{background:#f1f5f9;border:1.5px solid #e2e8f0}.ielts-instruction-block{color:#1e40af;background:#fff;border:1px solid #e2e8f0;border-left:4px solid #2563eb;border-radius:0 10px 10px 0;margin-bottom:20px;padding:12px 16px;font-size:13px;font-weight:700;line-height:1.5}.ielts-question-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;margin-bottom:12px;padding:20px 20px 16px;scroll-margin-top:20px;transition:border-color .2s,box-shadow .2s}.ielts-question-card:hover{border-color:#bfdbfe}.ielts-question-card.has-answer{background:#f0f7ff;border-color:#bfdbfe}.ielts-question-card.is-flagged{background:#fffbeb;border-color:#fcd34d}.ielts-q-number-row{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.ielts-q-number{color:#fff;letter-spacing:.04em;background:#1e293b;border-radius:5px;padding:3px 10px;font-size:11px;font-weight:800}.ielts-q-number.answered{background:#2563eb}.ielts-q-number.flagged{color:#1c1917;background:#f59e0b}.ielts-flag-btn{color:#94a3b8;cursor:pointer;background:0 0;border:1.5px solid #e2e8f0;border-radius:6px;align-items:center;gap:4px;padding:4px 10px;font-size:11px;font-weight:700;transition:all .15s;display:flex}.ielts-flag-btn:hover{color:#b45309;background:#fffbeb;border-color:#f59e0b}.ielts-flag-btn.active{color:#b45309;background:#fef3c7;border-color:#f59e0b}.ielts-q-text{color:#0f172a;margin-bottom:14px;font-size:15px;font-weight:600;line-height:1.6}.ielts-radio-group{flex-direction:column;gap:7px;display:flex}.ielts-radio-option{cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:7px;align-items:flex-start;gap:10px;padding:9px 13px;transition:all .15s;display:flex}.ielts-radio-option:hover{background:#f0f7ff;border-color:#93c5fd}.ielts-radio-option.selected{background:#eff6ff;border-color:#2563eb}.ielts-radio-option input[type=radio]{accent-color:#2563eb;cursor:pointer;flex-shrink:0;width:16px;height:16px;margin-top:1px}.ielts-radio-label{color:#1e293b;flex:1;font-size:14px;line-height:1.5}.ielts-tfng-group{flex-wrap:wrap;gap:8px;display:flex}.ielts-tfng-btn{color:#475569;cursor:pointer;text-align:center;background:#fff;border:1.5px solid #e2e8f0;border-radius:7px;flex:1;min-width:80px;padding:9px 12px;font-size:13px;font-weight:700;transition:all .15s}.ielts-tfng-btn:hover{color:#2563eb;background:#f0f7ff;border-color:#93c5fd}.ielts-tfng-btn.true-btn.selected{color:#14532d;background:#dcfce7;border-color:#16a34a}.ielts-tfng-btn.false-btn.selected{color:#7f1d1d;background:#fee2e2;border-color:#dc2626}.ielts-tfng-btn.ng-btn.selected{color:#713f12;background:#fef9c3;border-color:#ca8a04}.ielts-select{color:#0f172a;cursor:pointer;appearance:none;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%2394a3b8' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E") right 14px center no-repeat;border:1.5px solid #e2e8f0;border-radius:8px;outline:none;width:100%;padding:10px 38px 10px 14px;font-size:14px;font-weight:600;transition:border-color .2s,box-shadow .2s}.ielts-select:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}.ielts-select.has-value{background-color:#f0f7ff;border-color:#2563eb}.ielts-text-input{color:#0f172a;box-sizing:border-box;background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;outline:none;width:100%;padding:10px 14px;font-size:14px;transition:border-color .2s,box-shadow .2s}.ielts-text-input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}.ielts-text-input::placeholder{color:#94a3b8}.ielts-text-input.has-value{background:#f0f7ff;border-color:#2563eb}.ielts-passage-nav{background:#fff;border-top:1px solid #e2e8f0;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:16px 28px;display:flex}.ielts-nav-btn{color:#475569;cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;align-items:center;gap:7px;padding:9px 20px;font-size:13px;font-weight:700;transition:all .2s;display:flex}.ielts-nav-btn:hover:not(:disabled){color:#2563eb;background:#eff6ff;border-color:#2563eb}.ielts-nav-btn:disabled{opacity:.4;cursor:not-allowed}.ielts-nav-btn.review-btn{color:#fff;background:#2563eb;border-color:#2563eb}.ielts-nav-btn.review-btn:hover{background:#1d4ed8}.ielts-nav-stats{color:#64748b;gap:20px;font-size:12px;font-weight:700;display:flex}.ielts-nav-stats span{white-space:nowrap}.ielts-nav-stats .stat-answered{color:#2563eb}.ielts-nav-stats .stat-flagged{color:#f59e0b}.ielts-results-page{background:#f0f2f5;justify-content:center;align-items:flex-start;min-height:100vh;padding:48px 24px;display:flex}.ielts-results-container{width:100%;max-width:860px}.ielts-results-hero{color:#fff;background:linear-gradient(135deg,#1e293b,#2563eb);border-radius:20px;align-items:center;gap:30px;margin-bottom:28px;padding:40px;display:flex}.ielts-band-circle{background:#ffffff1f;border:3px solid #ffffff4d;border-radius:50%;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;width:110px;height:110px;display:flex}.ielts-band-value{color:#fff;font-size:40px;font-weight:900;line-height:1}.ielts-band-label{color:#ffffffb3;letter-spacing:.08em;text-transform:uppercase;margin-top:2px;font-size:11px;font-weight:700}.ielts-results-info h2{margin-bottom:8px;font-size:24px;font-weight:800}.ielts-results-info p{color:#ffffffbf;font-size:14px;line-height:1.6}.ielts-results-stats{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:28px;display:grid}.ielts-stat-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:20px 22px}.ielts-stat-card .stat-label{text-transform:uppercase;letter-spacing:.08em;color:#64748b;margin-bottom:8px;font-size:11px;font-weight:800}.ielts-stat-card .stat-value{color:#0f172a;font-size:32px;font-weight:900;line-height:1}.ielts-stat-card .stat-sub{color:#94a3b8;margin-top:4px;font-size:12px}.ielts-results-actions{flex-wrap:wrap;gap:12px;display:flex}.ielts-action-btn{cursor:pointer;color:#0f172a;background:#fff;border:1.5px solid #e2e8f0;border-radius:10px;padding:12px 24px;font-size:14px;font-weight:700;transition:all .2s}.ielts-action-btn:hover{color:#2563eb;background:#eff6ff;border-color:#2563eb}.ielts-action-btn.primary{color:#fff;background:#2563eb;border-color:#2563eb}.ielts-action-btn.primary:hover{background:#1d4ed8}.ielts-review-page{background:#f0f2f5;flex-direction:column;min-height:100vh;display:flex}.ielts-review-bar{color:#fff;background:#1e293b;justify-content:space-between;align-items:center;gap:20px;height:64px;padding:0 28px;display:flex;box-shadow:0 2px 8px #0003}.ielts-review-bar h1{font-size:18px;font-weight:800}.ielts-review-content{width:100%;max-width:900px;margin:40px auto;padding:0 24px 60px}.ielts-review-summary{background:#fff;border:1px solid #e2e8f0;border-radius:16px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:24px;margin-bottom:28px;padding:28px 32px;display:grid}.ielts-review-stat{flex-direction:column;gap:6px;display:flex}.ielts-review-stat span{text-transform:uppercase;letter-spacing:.07em;color:#64748b;font-size:11px;font-weight:800}.ielts-review-stat strong{color:#0f172a;font-size:28px;font-weight:900}.ielts-review-notice{color:#1e40af;background:#eff6ff;border:1px solid #bfdbfe;border-radius:10px;margin-bottom:28px;padding:14px 18px;font-size:13px;font-weight:600;line-height:1.5}.ielts-review-actions{flex-wrap:wrap;gap:12px;display:flex}.ielts-selector-bar{background:#fff;border-bottom:1px solid #e2e8f0;flex-wrap:wrap;align-items:center;gap:16px;padding:10px 28px;display:flex}.ielts-test-select{color:#0f172a;cursor:pointer;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:8px;outline:none;min-width:220px;padding:8px 14px;font-size:13px;font-weight:600;transition:border-color .2s}.ielts-test-select:focus{border-color:#2563eb}.ielts-selector-meta{color:#64748b;flex-wrap:wrap;gap:20px;margin-left:auto;font-size:12px;font-weight:700;display:flex}.ielts-selector-meta span{white-space:nowrap}@media (width<=1024px){.ielts-exam-body{grid-template-columns:1fr 1fr}.ielts-passage-panel{padding:28px}}@media (width<=768px){.ielts-exam-bar{padding:0 16px}.ielts-bar-title,.ielts-progress-pill,.ielts-passage-tabs{display:none}.ielts-mobile-tabs{display:flex}.ielts-exam-body{grid-template-columns:1fr;height:auto;overflow:visible}.ielts-passage-panel,.ielts-questions-panel{height:auto;min-height:calc(100vh - 180px)}.ielts-passage-panel{border-bottom:1px solid #e2e8f0;border-right:none;padding:20px 18px}.ielts-qpanel-inner{padding:18px 16px 50px}.tab-panel-hidden{display:none!important}.tab-panel-visible{display:block!important}.ielts-results-hero{text-align:center;flex-direction:column;padding:28px}.ielts-review-bar{padding:0 16px}.ielts-review-bar h1{font-size:15px}.ielts-passage-nav{padding:12px 16px}.ielts-selector-bar{padding:10px 16px}.ielts-passage-tabs{padding:0 16px}}@media (width<=480px){.ielts-bar-badge{display:none}.ielts-results-hero{padding:22px}.ielts-band-circle{width:90px;height:90px}.ielts-band-value{font-size:32px}.ielts-results-info h2{font-size:18px}}.ielts-submit-nudge{color:#fff;background:linear-gradient(135deg,#1e293b,#2563eb);border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:28px;padding:16px 20px;font-size:14px;font-weight:700;display:flex}.ielts-submit-nudge .ielts-btn-submit{color:#2563eb;cursor:pointer;white-space:nowrap;background:#fff;border:none;border-radius:8px;padding:10px 22px;font-size:14px;font-weight:800;transition:all .2s}.ielts-submit-nudge .ielts-btn-submit:hover{background:#eff6ff;transform:translateY(-1px)}.ielts-answer-key{background:#fff;border:1px solid #e2e8f0;border-radius:16px;margin-top:32px;overflow:hidden}.ielts-ak-header{color:#fff;letter-spacing:.06em;text-transform:uppercase;background:#1e293b;padding:14px 24px;font-size:13px;font-weight:800}.ielts-ak-passage{border-bottom:1px solid #e2e8f0}.ielts-ak-passage:last-child{border-bottom:none}.ielts-ak-passage-title{text-transform:uppercase;letter-spacing:.07em;color:#2563eb;background:#f0f7ff;border-bottom:1px solid #dbeafe;padding:12px 24px;font-size:12px;font-weight:800}.ielts-ak-row{border-bottom:1px solid #f1f5f9;grid-template-columns:42px 1fr 160px 160px 36px;align-items:center;gap:12px;padding:10px 24px;font-size:13px;transition:background .15s;display:grid}.ielts-ak-row:last-child{border-bottom:none}.ielts-ak-row:hover{background:#f8fafc}.ielts-ak-row.correct{background:#f0fdf4}.ielts-ak-row.wrong{background:#fef2f2}.ielts-ak-row.blank{background:#fafafa}.ielts-ak-qnum{color:#64748b;font-size:12px;font-weight:800}.ielts-ak-qtext{color:#334155;text-overflow:ellipsis;white-space:nowrap;font-size:13px;line-height:1.4;overflow:hidden}.ielts-ak-yourans{color:#475569;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-style:normal;overflow:hidden}.ielts-ak-yourans em{color:#94a3b8;font-style:italic}.ielts-ak-ans{color:#16a34a;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:700;overflow:hidden}.ielts-ak-badge{border-radius:50%;justify-content:center;justify-self:center;align-items:center;width:24px;height:24px;font-size:12px;font-weight:800;display:flex}.ielts-ak-badge.ok{color:#16a34a;background:#dcfce7}.ielts-ak-badge.err{color:#dc2626;background:#fee2e2}.ielts-ak-badge.skip{color:#94a3b8;background:#f1f5f9}@media (width<=768px){.ielts-ak-row{grid-template-rows:auto auto;grid-template-columns:36px 1fr 36px;gap:6px;padding:10px 16px}.ielts-ak-qtext{white-space:normal;grid-area:1/2}.ielts-ak-yourans{grid-area:2/1/auto/3;font-size:12px}.ielts-ak-ans{grid-area:2/1/auto/3;display:none}.ielts-ak-badge{grid-area:1/3/3}}[data-theme=dark] .ielts-reading-page{background:var(--bg,#0b0f19);color:var(--text,#f8fafc)}[data-theme=dark] .ielts-passage-panel{background:var(--surface,#151c2c);border-right-color:var(--border,#26334d);color:var(--text,#f8fafc)}[data-theme=dark] .ielts-questions-panel{background:var(--bg,#0b0f19);color:var(--text,#f8fafc)}[data-theme=dark] .ielts-mobile-tabs{background:var(--surface,#151c2c);border-bottom-color:var(--border,#26334d)}[data-theme=dark] .ielts-mobile-tab{color:var(--text-muted,#94a3b8)}[data-theme=dark] .ielts-mobile-tab.active{color:var(--primary,#3b82f6)}[data-theme=dark] .ielts-q-card,[data-theme=dark] .ielts-instructions-card,[data-theme=dark] .ielts-passage-box{background:var(--surface,#151c2c);border-color:var(--border,#26334d);color:var(--text,#f8fafc)}[data-theme=dark] .ielts-q-text,[data-theme=dark] .passage-title,[data-theme=dark] .passage-p{color:var(--text,#f8fafc)}[data-theme=dark] .ielts-option-label{background:var(--surface-2,#1e293b);border-color:var(--border,#26334d);color:var(--text,#f8fafc)}[data-theme=dark] .ielts-option-label:hover{background:var(--border,#26334d)}[data-theme=dark] .ielts-text-input,[data-theme=dark] .ielts-select-input{background:var(--surface-2,#1e293b);color:var(--text,#f8fafc);border-color:var(--border,#26334d)}[data-theme=dark] .ielts-palette{background:var(--surface,#151c2c);border-color:var(--border,#26334d)}[data-theme=dark] .ielts-palette-btn{background:var(--surface-2,#1e293b);border-color:var(--border,#26334d);color:var(--text-muted,#94a3b8)}[data-theme=dark] .ielts-modal-card{background:var(--surface,#151c2c);border-color:var(--border,#26334d);color:var(--text,#f8fafc)}:root{--l-bg:#0d1117;--l-surface:#161b22;--l-card:#1c2333;--l-border:#ffffff14;--l-accent:#4f8ef7;--l-accent2:#7c3aed;--l-success:#22d3a5;--l-danger:#f87171;--l-warning:#f59e0b;--l-text:#e6edf3;--l-muted:#8b949e;--l-radius:16px;--l-radius-lg:22px;--l-shadow:0 8px 32px #00000073;--l-shadow-sm:0 4px 16px #00000047;--l-glow:0 0 24px #4f8ef738}[data-theme=light] .listening-page{--l-bg:#f8fafc;--l-surface:#fff;--l-card:#fff;--l-border:#e2e8f0;--l-text:#0f172a;--l-muted:#64748b;--l-shadow:0 10px 30px #0f172a14;--l-shadow-sm:0 4px 16px #0f172a0d}.listening-page{background:var(--l-bg);min-height:100vh;color:var(--l-text);padding:24px 28px 100px;font-family:Inter,system-ui,sans-serif}.listening-layout{grid-template-columns:1fr 300px;align-items:start;gap:24px;margin-top:24px;display:grid}.left-panel{background:var(--l-card);border-radius:var(--l-radius-lg);border:1px solid var(--l-border);box-shadow:var(--l-shadow-sm);min-width:0;padding:36px}.right-panel{flex-direction:column;gap:18px;min-width:0;display:flex;position:sticky;top:100px}.navigation-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-top:32px;display:flex}.navigation-bar button{cursor:pointer;letter-spacing:.3px;border:none;border-radius:12px;padding:14px 30px;font-size:15px;font-weight:600;transition:all .22s}.navigation-bar button:disabled{opacity:.35;cursor:not-allowed}.primary-btn{background:linear-gradient(135deg, var(--l-accent), #3b6fd4);color:#fff;cursor:pointer;box-shadow:var(--l-glow);border:none;border-radius:12px;padding:14px 30px;font-size:15px;font-weight:600;transition:all .22s}.primary-btn:hover{transform:translateY(-2px);box-shadow:0 0 32px #4f8ef761}.secondary-btn{color:var(--l-text);border:1px solid var(--l-border);cursor:pointer;background:#ffffff12;border-radius:12px;padding:14px 30px;font-size:15px;font-weight:600;transition:all .22s}.secondary-btn:hover{background:#ffffff1f}.progress-card{background:var(--l-card);border:1px solid var(--l-border);border-radius:var(--l-radius);padding:22px}.progress-card h3{text-transform:uppercase;letter-spacing:1px;color:var(--l-muted);margin:0 0 10px;font-size:13px;font-weight:600}.progress-card h1{color:var(--l-text);margin:0 0 14px;font-size:32px;font-weight:700}.progress-bar-track{background:#ffffff14;border-radius:99px;width:100%;height:8px;overflow:hidden}.progress-bar-fill{background:linear-gradient(90deg, var(--l-accent), var(--l-accent2));border-radius:99px;height:100%;transition:width .4s}.progress-label{color:var(--l-muted);margin-top:10px;font-size:13px}.section-title{text-transform:uppercase;letter-spacing:1.2px;color:var(--l-accent);border-bottom:1px solid var(--l-border);margin:0 0 24px;padding-bottom:12px;font-size:13px;font-weight:600}@media (width<=1024px){.listening-layout{grid-template-columns:1fr 260px;gap:18px}}@media (width<=900px){.listening-layout{grid-template-columns:1fr}.right-panel{order:-1;position:static}}@media (width<=768px){.listening-page{padding:14px 14px 90px}.left-panel{border-radius:14px;padding:20px}.navigation-bar{flex-direction:column;align-items:stretch}.navigation-bar button,.primary-btn,.secondary-btn{text-align:center;width:100%}}@media (width<=480px){.listening-page{padding:10px 10px 80px}.left-panel{border-radius:12px;padding:14px}}.listening-header{background:var(--l-card);border-radius:var(--l-radius-lg);border:1px solid var(--l-border);box-shadow:var(--l-shadow-sm);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:18px 28px;display:flex}.listening-header-left h1{color:var(--l-text);margin:0 0 4px;font-size:17px;font-weight:700}.listening-header-left p{color:var(--l-muted);margin:0;font-size:12px}.section-pill{color:var(--l-accent);letter-spacing:.4px;background:#4f8ef71f;border:1px solid #4f8ef740;border-radius:99px;align-items:center;gap:6px;padding:4px 12px;font-size:12px;font-weight:600;display:inline-flex}.listening-header-right{align-items:center;gap:16px;display:flex}.logo{letter-spacing:3px;background:linear-gradient(135deg, var(--l-accent), var(--l-accent2));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:22px;font-weight:800}@media (width<=768px){.listening-header{border-radius:14px;padding:14px 16px}.listening-header-left h1{font-size:14px}.logo{font-size:18px}}@media (width<=480px){.listening-header{flex-direction:column;align-items:flex-start;gap:10px}.listening-header-right{justify-content:space-between;width:100%}}.timer-card{background:var(--l-card);border:1px solid var(--l-border);box-shadow:var(--l-shadow);z-index:999;text-align:center;border-radius:14px;flex-direction:column;align-items:center;gap:2px;min-width:90px;padding:12px 20px;transition:background .3s,border-color .3s;display:flex;position:fixed;top:24px;right:28px}.timer-card.warning{background:#f59e0b14;border-color:#f59e0b80}.timer-card.danger{background:#f8717114;border-color:#f8717180}.timer-label{text-transform:uppercase;letter-spacing:1.2px;color:var(--l-muted);font-size:10px;font-weight:700}.timer-value{font-variant-numeric:tabular-nums;color:var(--l-text);letter-spacing:1px;font-size:26px;font-weight:800;line-height:1}.timer-card.warning .timer-value{color:var(--l-warning)}.timer-card.danger .timer-value{color:var(--l-danger)}@media (width<=768px){.timer-card{border-radius:12px;min-width:72px;padding:8px 14px;top:auto;bottom:80px;right:14px}.timer-value{font-size:20px}.timer-label{font-size:9px}}@media (width<=480px){.timer-card{bottom:70px;right:10px}}.audio-card{background:var(--l-card);border:1px solid var(--l-border);border-radius:var(--l-radius);box-shadow:var(--l-shadow-sm);align-items:center;gap:14px;margin-bottom:20px;padding:18px 22px;display:flex}.audio-card-label{color:var(--l-accent);text-transform:uppercase;letter-spacing:1px;white-space:nowrap;align-items:center;gap:8px;font-size:12px;font-weight:700;display:flex}.audio-card-label svg{width:16px;height:16px;fill:var(--l-accent)}.audio-custom-controls{flex:1;align-items:center;gap:14px;min-width:0;display:flex}.audio-play-btn{background:var(--l-accent,#8b5cf6);color:#fff;cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;transition:background .2s,transform .15s;display:flex;box-shadow:0 4px 12px #8b5cf659}.audio-play-btn:hover{background:var(--l-accent-hover,#7c3aed);transform:scale(1.06)}.audio-play-btn.playing{background:var(--l-accent,#8b5cf6)}.audio-progress-track{cursor:pointer;background:#8b5cf62e;border-radius:999px;flex:1;min-width:0;height:6px;position:relative;overflow:visible}.audio-progress-track:hover{height:8px}.audio-progress-fill{background:var(--l-accent,#8b5cf6);pointer-events:none;border-radius:999px;transition:width .1s linear;position:absolute;top:0;bottom:0;left:0}.audio-progress-thumb{border:2px solid var(--l-accent,#8b5cf6);pointer-events:none;background:#fff;border-radius:50%;width:14px;height:14px;transition:left .1s linear;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 2px 6px #8b5cf666}@media (width<=768px){.audio-card{border-radius:12px;flex-direction:column;align-items:flex-start;gap:10px;padding:14px 16px}.audio-custom-controls{width:100%}}.ielts-paper{max-width:850px;margin:auto}.question-header{margin-bottom:28px}.question-header h2{text-transform:uppercase;letter-spacing:1px;color:var(--l-muted);margin:0 0 10px;font-size:14px;font-weight:700}.question-header p{color:var(--l-text);border-left:3px solid var(--l-accent);background:#4f8ef712;border-radius:0 10px 10px 0;margin:0 0 8px;padding:10px 14px;font-size:14px;line-height:1.65}.question-header strong{color:var(--l-accent);align-items:center;gap:6px;font-size:13px;display:inline-flex}.ielts-form-card{background:var(--l-surface);border-radius:var(--l-radius-lg);border:1px solid var(--l-border);box-shadow:var(--l-shadow-sm);padding:32px}.form-title{text-align:center;text-transform:uppercase;letter-spacing:1.5px;color:var(--l-text);border-bottom:1px solid var(--l-border);margin-bottom:28px;padding-bottom:18px;font-size:16px;font-weight:700}.ielts-form-row{border-bottom:1px solid #ffffff0a;align-items:center;gap:12px;padding:14px 0;display:flex}.ielts-form-row:last-child{border-bottom:none}.question-number{width:36px;color:var(--l-accent);flex-shrink:0;font-size:14px;font-weight:800}.field-label{width:220px;color:var(--l-muted);flex-shrink:0;font-size:14px;font-weight:500}.answer-line{flex:1;align-items:center;gap:8px;display:flex}.answer-line .prefix,.answer-line .suffix{color:var(--l-muted);font-size:14px;font-weight:600}.answer-line input{border:1.5px solid var(--l-border);color:var(--l-text);background:#ffffff0a;border-radius:10px;flex:1;padding:10px 14px;font-size:15px;transition:border-color .2s,background .2s}.answer-line input::placeholder{color:#ffffff2e;font-size:13px}.answer-line input:focus{border-color:var(--l-accent);background:#4f8ef70f;outline:none;box-shadow:0 0 0 3px #4f8ef71f}@media (width<=768px){.ielts-paper{max-width:100%}.question-header h2{font-size:13px}.ielts-form-card{border-radius:14px;padding:18px}.ielts-form-row{flex-direction:column;align-items:flex-start;gap:8px;padding:14px 0}.field-label{width:100%;font-size:13px;font-weight:600}.answer-line{width:100%}.question-number{width:auto}}@media (width<=480px){.ielts-form-card{border-radius:12px;padding:14px}}.mcq-renderer{max-width:900px;margin:auto}.mcq-header{margin-bottom:28px}.mcq-header h2{text-transform:uppercase;letter-spacing:1px;color:var(--l-muted);margin:0 0 8px;font-size:14px;font-weight:700}.mcq-header p{color:var(--l-text);border-left:3px solid var(--l-accent);background:#4f8ef712;border-radius:0 10px 10px 0;margin:0;padding:10px 14px;font-size:14px;line-height:1.65}.mcq-card{background:var(--l-surface);border:1px solid var(--l-border);border-radius:var(--l-radius);margin-bottom:20px;padding:26px;transition:border-color .2s,box-shadow .2s}.mcq-card:hover{border-color:#4f8ef74d;box-shadow:0 0 24px #4f8ef714}.mcq-card-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.mcq-card-header h3{color:var(--l-text);margin:0;font-size:16px;font-weight:600;line-height:1.6}.question-id{color:var(--l-accent);margin-right:6px;font-weight:800}.mcq-options{flex-direction:column;gap:12px;display:flex}.mcq-option{border:1.5px solid var(--l-border);cursor:pointer;background:#ffffff05;border-radius:12px;align-items:center;gap:14px;padding:16px 18px;transition:all .2s;display:flex}.mcq-option:hover{background:#4f8ef70d;border-color:#4f8ef773}.mcq-option.selected{border-color:var(--l-accent);background:#4f8ef71f;box-shadow:0 0 16px #4f8ef724}.mcq-option input[type=radio]{display:none}.letter{width:32px;height:32px;color:var(--l-accent);background:#4f8ef726;border:1.5px solid #4f8ef74d;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;font-weight:700;transition:all .2s;display:flex}.mcq-option.selected .letter{background:var(--l-accent);color:#fff;border-color:var(--l-accent)}.text{color:var(--l-text);flex:1;font-size:15px;line-height:1.5}.flag-btn{cursor:pointer;width:38px;height:38px;color:var(--l-muted);background:#ffffff0d;border:none;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;font-size:16px;transition:all .2s;display:flex}.flag-btn:hover{color:var(--l-warning);background:#f59e0b26}.flag-btn.flagged{color:var(--l-warning);background:#f59e0b33}@media (width<=768px){.mcq-renderer{max-width:100%}.mcq-card{border-radius:12px;padding:16px}.mcq-card-header{flex-direction:column;gap:10px}.mcq-card-header h3{font-size:15px}.mcq-option{gap:12px;padding:12px 14px}.text{font-size:14px}.letter{width:28px;height:28px;font-size:12px}}@media (width<=480px){.mcq-option{padding:10px 12px}.flag-btn{width:34px;height:34px}}.map-renderer{max-width:1000px;margin:auto}.map-renderer>h3{text-transform:uppercase;letter-spacing:1px;color:var(--l-muted);margin:0 0 10px;font-size:14px;font-weight:700}.map-renderer .instruction{color:var(--l-text);border-left:3px solid var(--l-accent);white-space:pre-line;background:#4f8ef712;border-radius:0 10px 10px 0;margin:0 0 24px;padding:10px 14px;font-size:14px;line-height:1.65}.map-container{grid-template-columns:1fr 280px;align-items:start;gap:22px;display:grid}.map-image-container{background:var(--l-surface);border:1px solid var(--l-border);border-radius:var(--l-radius);box-shadow:var(--l-shadow-sm);overflow:hidden}.listening-map{width:100%;display:block}.map-sidebar{flex-direction:column;gap:18px;display:flex}.map-options,.map-questions{background:var(--l-surface);border:1px solid var(--l-border);border-radius:var(--l-radius);padding:18px}.map-options h4,.map-questions h4{text-transform:uppercase;letter-spacing:1px;color:var(--l-muted);margin:0 0 14px;font-size:12px;font-weight:700}.map-option{align-items:center;gap:10px;margin:8px 0;font-size:13px;display:flex}.map-option strong{width:26px;height:26px;color:var(--l-accent);background:#4f8ef71f;border:1.5px solid #4f8ef740;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;display:flex}.map-option span{color:var(--l-text)}.map-question{margin-bottom:14px}.map-question:last-child{margin-bottom:0}.map-question-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.map-question-header label{color:var(--l-text);font-size:13px;font-weight:600}.map-question select{border:1.5px solid var(--l-border);width:100%;color:var(--l-text);cursor:pointer;appearance:auto;background:#ffffff0a;border-radius:9px;padding:9px 12px;font-size:14px;transition:all .2s}.map-question select:focus{border-color:var(--l-accent);background:#4f8ef70f;outline:none;box-shadow:0 0 0 3px #4f8ef71f}@media (width<=900px){.map-container{grid-template-columns:1fr}.map-sidebar{flex-flow:wrap}.map-options,.map-questions{flex:1;min-width:200px}}@media (width<=600px){.map-sidebar{flex-direction:column}.map-options,.map-questions{border-radius:12px;padding:14px}.map-question-header{flex-direction:column;align-items:flex-start;gap:6px}}.matching-renderer{max-width:900px;margin:auto}.matching-renderer>h3{text-transform:uppercase;letter-spacing:1px;color:var(--l-muted);margin:0 0 10px;font-size:14px;font-weight:700}.matching-renderer .instruction{color:var(--l-text);border-left:3px solid var(--l-accent);background:#4f8ef712;border-radius:0 10px 10px 0;margin:0 0 24px;padding:10px 14px;font-size:14px;line-height:1.65}.matching-layout{grid-template-columns:220px 1fr;align-items:start;gap:22px;display:grid}.matching-options{background:var(--l-surface);border:1px solid var(--l-border);border-radius:var(--l-radius);padding:22px;position:sticky;top:120px}.matching-options h4{text-transform:uppercase;letter-spacing:1px;color:var(--l-muted);margin:0 0 16px;font-size:12px;font-weight:700}.matching-option{align-items:flex-start;gap:12px;margin-bottom:14px;font-size:14px;display:flex}.matching-option strong{width:26px;height:26px;color:var(--l-accent);background:#4f8ef71f;border:1.5px solid #4f8ef740;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;display:flex}.matching-option span{color:var(--l-text);line-height:1.5}.matching-questions{background:var(--l-surface);border:1px solid var(--l-border);border-radius:var(--l-radius);flex-direction:column;gap:14px;padding:22px;display:flex}.matching-question{border:1px solid var(--l-border);background:#ffffff05;border-radius:12px;justify-content:space-between;align-items:flex-start;gap:14px;padding:14px;transition:border-color .2s;display:flex}.matching-question:has(select:focus){border-color:#4f8ef766}.matching-item{flex:1;align-items:flex-start;gap:10px;display:flex}.matching-item strong{color:var(--l-accent);flex-shrink:0;font-size:14px;font-weight:800}.matching-item span{color:var(--l-text);font-size:14px;line-height:1.55}.matching-question select{border:1.5px solid var(--l-border);color:var(--l-text);cursor:pointer;appearance:auto;background:#ffffff0a;border-radius:9px;min-width:80px;padding:9px 12px;font-size:14px;transition:all .2s}.matching-question select:focus{border-color:var(--l-accent);background:#4f8ef70f;outline:none}@media (width<=768px){.matching-layout{grid-template-columns:1fr;gap:14px}.matching-options{position:static}.matching-question{flex-direction:column;gap:10px}.matching-question select{width:100%}}.notes-renderer{max-width:860px;margin:auto}.notes-renderer>h3{text-transform:uppercase;letter-spacing:1px;color:var(--l-muted);margin:0 0 10px;font-size:14px;font-weight:700}.notes-renderer .instruction{color:var(--l-text);border-left:3px solid var(--l-accent);background:#4f8ef712;border-radius:0 10px 10px 0;margin:0 0 22px;padding:10px 14px;font-size:14px;line-height:1.65}.notes-card{background:var(--l-surface);border:1px solid var(--l-border);border-radius:var(--l-radius-lg);box-shadow:var(--l-shadow-sm);padding:30px}.notes-card h2{text-align:center;text-transform:uppercase;letter-spacing:1.5px;color:var(--l-text);border-bottom:1px solid var(--l-border);margin:0 0 24px;padding-bottom:16px;font-size:16px;font-weight:700}.notes-heading{text-transform:uppercase;letter-spacing:.8px;color:var(--l-accent);margin:24px 0 12px;font-size:13px;font-weight:700}.notes-text{color:var(--l-muted);margin:0 0 10px;font-size:14px;line-height:1.75}.notes-blank{flex-wrap:wrap;align-items:flex-start;gap:12px;margin:14px 0;display:flex}.blank-number{width:30px;color:var(--l-accent);flex-shrink:0;padding-top:11px;font-size:14px;font-weight:800}.notes-blank input{border:1.5px solid var(--l-border);width:240px;color:var(--l-text);background:#ffffff0a;border-radius:10px;flex-shrink:0;padding:10px 14px;font-size:14px;transition:all .2s}.notes-blank input::placeholder{color:#ffffff2e;font-size:13px}.notes-blank input:focus{border-color:var(--l-accent);background:#4f8ef70f;outline:none;box-shadow:0 0 0 3px #4f8ef71f}.notes-blank .suffix{color:var(--l-text);flex:1;padding-top:10px;font-size:14px;line-height:1.6}@media (width<=768px){.notes-card{border-radius:14px;padding:18px}.notes-blank{gap:8px}.notes-blank input{width:100%}.blank-number{padding-top:0}}@media (width<=480px){.notes-card{border-radius:12px;padding:14px}}.table-renderer{max-width:900px;margin:auto}.table-renderer>h3{text-transform:uppercase;letter-spacing:1px;color:var(--l-muted);margin:0 0 10px;font-size:14px;font-weight:700}.table-renderer>p{color:var(--l-text);border-left:3px solid var(--l-accent);background:#4f8ef712;border-radius:0 10px 10px 0;margin:0 0 22px;padding:10px 14px;font-size:14px;line-height:1.65}.table-wrapper{-webkit-overflow-scrolling:touch;border-radius:var(--l-radius);border:1px solid var(--l-border);background:var(--l-surface);box-shadow:var(--l-shadow-sm);overflow-x:auto}.ielts-table{border-collapse:collapse;width:100%;min-width:480px}.ielts-table thead tr{background:#4f8ef71a}.ielts-table th{text-align:left;text-transform:uppercase;letter-spacing:.8px;color:var(--l-accent);border-bottom:1px solid var(--l-border);white-space:nowrap;padding:14px 18px;font-size:12px;font-weight:700}.ielts-table td{color:var(--l-text);vertical-align:middle;border-bottom:1px solid #ffffff0a;padding:14px 18px;font-size:14px}.ielts-table tbody tr:last-child td{border-bottom:none}.ielts-table tbody tr:hover td{background:#ffffff05}.ielts-table .answer-cell{min-width:200px}.ielts-table input{border:1.5px solid var(--l-border);width:100%;color:var(--l-text);background:#ffffff0a;border-radius:9px;padding:9px 12px;font-size:14px;transition:all .2s}.ielts-table input::placeholder{color:#ffffff2e;font-size:13px}.ielts-table input:focus{border-color:var(--l-accent);background:#4f8ef70f;outline:none;box-shadow:0 0 0 3px #4f8ef71f}.table-answer-row{align-items:center;gap:8px;display:flex}@media (width<=768px){.ielts-table th,.ielts-table td{padding:10px 12px;font-size:13px}}.flowchart-renderer{max-width:700px;margin:auto}.flowchart-renderer>h3{text-transform:uppercase;letter-spacing:1px;color:var(--l-muted);margin:0 0 10px;font-size:14px;font-weight:700}.flowchart-renderer>p{color:var(--l-text);border-left:3px solid var(--l-accent);background:#4f8ef712;border-radius:0 10px 10px 0;margin:0 0 28px;padding:10px 14px;font-size:14px;line-height:1.65}.flow-title{text-align:center;text-transform:uppercase;letter-spacing:1.5px;color:var(--l-text);border-bottom:1px solid var(--l-border);margin:0 0 24px;padding-bottom:14px;font-size:14px;font-weight:700}.flow-step{background:var(--l-surface);border:1px solid var(--l-border);border-radius:var(--l-radius);padding:20px 22px;transition:border-color .2s}.flow-step.blank-step{background:#4f8ef70a;border-color:#4f8ef740}.flow-box{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.flow-step-text{color:var(--l-muted);font-size:14px;line-height:1.6}.flow-step-number{color:var(--l-accent);flex-shrink:0;font-size:14px;font-weight:800}.flow-step input{border:1.5px solid var(--l-border);color:var(--l-text);background:#ffffff0d;border-radius:9px;min-width:180px;max-width:240px;padding:9px 14px;font-size:14px;transition:all .2s}.flow-step input::placeholder{color:#ffffff2e;font-size:13px}.flow-step input:focus{border-color:var(--l-accent);background:#4f8ef712;outline:none;box-shadow:0 0 0 3px #4f8ef71f}.flow-suffix{color:var(--l-text);flex:1;font-size:14px;line-height:1.6}.flow-arrow{text-align:center;color:var(--l-accent);opacity:.6;padding:8px 0;font-size:20px;line-height:1}@media (width<=768px){.flow-step{border-radius:12px;padding:14px 16px}.flow-step input{width:100%;min-width:0;max-width:100%}.flow-box{flex-direction:column;align-items:flex-start}}.diagram-renderer{margin-top:40px}.diagram-image{background:#fff;border:1px solid #e5e7eb;border-radius:18px;margin-bottom:25px;overflow:hidden}.diagram-image img{width:100%}.diagram-answer{margin-bottom:18px}.diagram-answer input{border:none;border-bottom:2px solid #cbd5e1;width:220px;padding:8px}@media (width<=768px){.diagram-answer input{width:100%}}.question-palette{background:var(--l-card);border:1px solid var(--l-border);border-radius:var(--l-radius);padding:18px}.question-palette h3{text-transform:uppercase;letter-spacing:1.2px;color:var(--l-muted);margin:0 0 14px;font-size:12px;font-weight:700}.palette-grid{grid-template-columns:repeat(5,1fr);gap:8px;display:grid}.palette-number{border:1.5px solid var(--l-border);cursor:pointer;height:38px;color:var(--l-muted);background:#ffffff08;border-radius:9px;justify-content:center;align-items:center;font-size:13px;font-weight:600;transition:all .18s;display:flex}.palette-number:hover{border-color:var(--l-accent);color:var(--l-accent);background:#4f8ef714}.palette-number.answered{color:var(--l-success);background:#22d3a51f;border-color:#22d3a559}.palette-number.flagged{color:var(--l-warning);background:#f59e0b12;border-color:#f59e0b8c}.palette-number.current{background:linear-gradient(135deg, var(--l-accent), #3b6fd4);border-color:var(--l-accent);color:#fff;box-shadow:0 0 14px #4f8ef74d}@media (width<=900px){.question-palette{border-radius:12px;padding:14px}.palette-grid{grid-template-columns:repeat(10,1fr);gap:6px}.palette-number{border-radius:7px;height:34px;font-size:12px}}@media (width<=480px){.palette-grid{grid-template-columns:repeat(8,1fr)}}@media (width<=360px){.palette-grid{grid-template-columns:repeat(6,1fr)}}.review-overlay{z-index:1000;background:#0000008c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.review-card{background:#fff;border-radius:20px;width:900px;max-width:95%;padding:35px}.review-stats{grid-template-columns:repeat(4,1fr);gap:20px;margin:35px 0;display:grid}.review-stats div{text-align:center;background:#f8fafc;border-radius:12px;padding:20px}.review-grid{grid-template-columns:repeat(10,1fr);gap:10px;display:grid}.review-number{cursor:pointer;background:#e5e7eb;border:none;border-radius:8px;height:45px;font-weight:600}.review-number:hover{transform:scale(1.05)}.review-number.answered{color:#fff;background:#22c55e}.review-number.flagged{border:3px solid orange}.review-actions{justify-content:flex-end;gap:20px;margin-top:40px;display:flex}.results-page{background:var(--l-bg);min-height:100vh;color:var(--l-text);padding:40px 28px 60px;font-family:Inter,system-ui,sans-serif}.results-header{text-align:center;margin-bottom:36px}.results-header h1{background:linear-gradient(135deg, var(--l-accent), var(--l-accent2));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0 0 8px;font-size:28px;font-weight:800}.results-header p{color:var(--l-muted);margin:0;font-size:15px}.results-inner{max-width:900px;margin:auto}.score-card{background:var(--l-card);border:1px solid var(--l-border);border-radius:var(--l-radius-lg);text-align:center;box-shadow:var(--l-shadow);margin-bottom:28px;padding:40px;position:relative;overflow:hidden}.score-card:before{content:"";pointer-events:none;background:radial-gradient(at 50% -20%,#4f8ef71f 0%,#0000 70%);position:absolute;inset:0}.score-big{background:linear-gradient(135deg, var(--l-accent), var(--l-accent2));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:10px;font-size:72px;font-weight:900;line-height:1}.score-band{color:var(--l-text);margin-bottom:6px;font-size:22px;font-weight:700}.score-label{color:var(--l-muted);font-size:14px}.results-stats{grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:32px;display:grid}.results-stat{background:var(--l-card);border:1px solid var(--l-border);border-radius:var(--l-radius);text-align:center;padding:20px}.results-stat h3{color:var(--l-text);margin:0 0 6px;font-size:26px;font-weight:800}.results-stat span{text-transform:uppercase;letter-spacing:.8px;color:var(--l-muted);font-size:12px;font-weight:600}.results-stat.correct h3{color:var(--l-success)}.results-stat.wrong h3{color:var(--l-danger)}.answer-review{flex-direction:column;gap:14px;display:flex}.answer-review-heading{text-transform:uppercase;letter-spacing:1px;color:var(--l-muted);margin-bottom:4px;font-size:13px;font-weight:700}.answer-card{background:var(--l-card);border:1px solid var(--l-border);border-radius:var(--l-radius);border-left:4px solid var(--l-border);padding:18px 22px;transition:border-left-color .2s}.answer-card.correct{border-left-color:var(--l-success)}.answer-card.wrong{border-left-color:var(--l-danger)}.answer-card-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px;display:flex}.answer-card h4{color:var(--l-muted);text-transform:uppercase;letter-spacing:.5px;margin:0;font-size:13px;font-weight:700}.answer-badge{text-transform:uppercase;letter-spacing:.5px;border-radius:99px;padding:3px 10px;font-size:12px;font-weight:700}.answer-badge.correct{color:var(--l-success);background:#22d3a51f}.answer-badge.wrong{color:var(--l-danger);background:#f871711f}.answer-row{grid-template-columns:1fr 1fr;gap:10px;display:grid}.answer-item{color:var(--l-muted);font-size:14px}.answer-item span{color:var(--l-text);margin-top:2px;font-weight:600;display:block}.results-back-btn{background:linear-gradient(135deg, var(--l-accent), #3b6fd4);color:#fff;cursor:pointer;border:none;border-radius:12px;margin:36px auto 0;padding:14px 36px;font-size:15px;font-weight:700;transition:all .22s;display:block}.results-back-btn:hover{transform:translateY(-2px)}@media (width<=768px){.results-page{padding:24px 14px 48px}.score-card{border-radius:14px;padding:28px 18px}.score-big{font-size:52px}.results-stats{grid-template-columns:repeat(3,1fr);gap:10px}.answer-card{border-radius:12px;padding:14px 16px}.answer-row{grid-template-columns:1fr}}@media (width<=480px){.score-big{font-size:42px}.results-stats{grid-template-columns:1fr 1fr}.results-stat h3{font-size:20px}}.kn-navbar{z-index:9999;-webkit-backdrop-filter:blur(18px);background:#ffffffbf;border-bottom:1px solid #e2e8f099;width:100%;padding:14px 24px;transition:all .3s cubic-bezier(.16,1,.3,1);position:sticky;top:0}[data-theme=dark] .kn-navbar{background:#090e1cbf;border-bottom:1px solid #ffffff14}.kn-navbar.scrolled{-webkit-backdrop-filter:blur(24px);background:#ffffffa6;border-bottom:1px solid #e2e8f0cc;padding:10px 24px;box-shadow:0 10px 30px #0f172a14}[data-theme=dark] .kn-navbar.scrolled{-webkit-backdrop-filter:blur(24px);background:#060a16ad;border-bottom:1px solid #ffffff1a;box-shadow:0 12px 35px #00000073}.kn-navbar:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#ffffffa6,#0000);width:100%;height:1px;position:absolute;inset:0 auto auto 0}[data-theme=dark] .kn-navbar:before{background:linear-gradient(90deg,#0000,#ffffff1f,#0000)}.kn-navbar-container{justify-content:space-between;align-items:center;gap:16px;max-width:1320px;margin:0 auto;display:flex}.kn-navbar-container>.kn-logo{flex-shrink:0}.kn-navbar-container>.kn-desktop-nav{align-items:center;gap:6px;display:flex}.kn-navbar-container>.kn-right{flex-shrink:0}.kn-navbar-container>.kn-backdrop,.kn-navbar-container>.kn-mobile-menu{grid-column:1/-1}.kn-logo{flex-shrink:0;align-items:center;gap:14px;text-decoration:none;display:flex}.kn-logo-icon{color:#fff;background:linear-gradient(135deg, var(--primary), #60a5fa);border-radius:18px;justify-content:center;align-items:center;width:50px;height:50px;font-size:22px;font-weight:800;transition:transform .35s,box-shadow .35s;display:flex;position:relative;overflow:hidden;box-shadow:0 16px 34px #2563eb47}.kn-logo:hover .kn-logo-icon{transform:rotate(-4deg)scale(1.05)}.kn-logo-icon:after{content:"";opacity:0;background:radial-gradient(#ffffff73,#0000 72%);transition:all .35s;position:absolute;inset:-60%}.kn-logo:hover .kn-logo-icon:after{opacity:1}.kn-logo-text{flex-direction:column;display:flex}.kn-logo-text span{letter-spacing:-.4px;color:var(--text);font-size:22px;font-weight:800}.kn-logo-text small{letter-spacing:.45px;color:var(--text-secondary);margin-top:2px;font-size:12px}.kn-desktop-nav{justify-content:center;align-items:center;gap:4px;display:flex}.kn-nav-link{color:var(--text-secondary);border-radius:16px;align-items:center;gap:8px;padding:10px 14px;font-size:14px;font-weight:600;text-decoration:none;transition:color .25s,background .25s,transform .25s;display:flex;position:relative;overflow:hidden}.kn-nav-link svg{width:18px;height:18px;transition:transform .25s}.kn-nav-link:hover{color:var(--primary);background:#2563eb14;transform:translateY(-2px)}.kn-nav-link:hover svg{transform:scale(1.08)}.kn-nav-link.active,.kn-nav-link.active svg{color:#fff}.kn-active-pill{background:linear-gradient(135deg, var(--primary), #60a5fa);z-index:-1;border-radius:16px;position:absolute;inset:0;box-shadow:0 14px 30px #2563eb40}.kn-nav-dropdown{align-items:center;display:inline-flex;position:relative}.kn-dropdown-menu{background:var(--surface,#fff);border:1px solid var(--border,#e2e8f0e6);z-index:1000;border-radius:20px;min-width:220px;padding:8px;position:absolute;top:calc(100% + 10px);left:50%;transform:translate(-50%);box-shadow:0 20px 45px #0f172a29}[data-theme=dark] .kn-dropdown-menu{background:#0f172a;border-color:#ffffff1a;box-shadow:0 20px 45px #0009}.kn-dropdown-item{color:var(--text-secondary,#64748b);border-radius:14px;align-items:center;gap:10px;padding:10px 14px;font-size:13px;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.kn-dropdown-item:hover,.kn-dropdown-item.active{color:var(--primary,#2563eb);background:#2563eb14}[data-theme=dark] .kn-dropdown-item:hover,[data-theme=dark] .kn-dropdown-item.active{color:#38bdf8;background:#38bdf826}.kn-right{flex-shrink:0;align-items:center;gap:14px;display:flex}.kn-icon-btn{cursor:pointer;background:var(--card);width:46px;height:46px;color:var(--text-secondary);border:none;border:1px solid var(--border);box-shadow:var(--shadow);will-change:transform;border-radius:16px;outline:none;justify-content:center;align-items:center;transition:transform .28s,background .28s,color .28s,border-color .28s,box-shadow .28s;display:flex}.kn-icon-btn svg{width:20px;height:20px}.kn-icon-btn:hover{color:var(--primary);background:#2563eb14;border-color:#2563eb40;transform:translateY(-3px)}[data-theme=dark] .kn-icon-btn:hover{background:#60a5fa1f}.kn-icon-btn:active{transform:scale(.94)}.kn-profile-wrapper{position:relative}.kn-profile-btn{cursor:pointer;background:var(--card);border:none;border:1px solid var(--border);box-shadow:var(--shadow);border-radius:18px;align-items:center;gap:14px;padding:8px 10px;transition:transform .3s,background .3s,border-color .3s,box-shadow .3s;display:flex}.kn-profile-btn:hover{border-color:#2563eb40;transform:translateY(-2px)}.kn-avatar{color:#fff;background:linear-gradient(135deg, var(--primary), #60a5fa);border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:17px;font-weight:700;display:flex;box-shadow:0 10px 24px #2563eb38}.kn-user-info{flex-direction:column;align-items:flex-start;display:flex}.kn-user-name{color:var(--text);font-size:14px;font-weight:700}.kn-user-plan{color:var(--text-secondary);align-items:center;gap:6px;margin-top:2px;font-size:12px;display:flex}.kn-crown{color:#f59e0b}.kn-chevron{color:var(--text-secondary);transition:transform .28s,color .28s}.kn-chevron.rotate{transform:rotate(180deg)}.kn-profile-menu{background:var(--card);border:1px solid var(--border);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transform-origin:100% 0;z-index:9999;border-radius:24px;width:330px;animation:.25s dropdownEnter;position:absolute;top:72px;right:0;overflow:hidden;box-shadow:0 30px 80px #0f172a29}.kn-profile-header{background:linear-gradient(#2563eb0f,#0000);align-items:center;gap:16px;padding:24px;display:flex}[data-theme=dark] .kn-profile-header{background:linear-gradient(#60a5fa14,#0000)}.kn-profile-avatar{color:#fff;background:linear-gradient(135deg, var(--primary), #60a5fa);border-radius:18px;flex-shrink:0;justify-content:center;align-items:center;width:60px;height:60px;font-size:22px;font-weight:800;display:flex;box-shadow:0 14px 30px #2563eb47}.kn-profile-header h4{color:var(--text);margin:0;font-size:16px;font-weight:700}.kn-profile-header p{color:var(--text-secondary);word-break:break-word;margin-top:4px;font-size:13px}.kn-divider{background:var(--border);width:100%;height:1px}.kn-dropdown-link{color:var(--text);align-items:center;gap:14px;padding:16px 22px;font-size:15px;font-weight:600;text-decoration:none;transition:background .25s,color .25s,padding-left .25s;display:flex}.kn-dropdown-link svg{width:18px;height:18px;color:var(--text-secondary)}.kn-dropdown-link:hover{color:var(--primary);background:#2563eb14;padding-left:28px}[data-theme=dark] .kn-dropdown-link:hover{background:#60a5fa1a}.kn-logout-btn{cursor:pointer;color:#ef4444;background:0 0;border:none;align-items:center;gap:14px;width:100%;padding:16px 22px;font-size:15px;font-weight:600;transition:background .25s,padding-left .25s;display:flex}.kn-logout-btn:hover{background:#fef2f2;padding-left:28px}[data-theme=dark] .kn-logout-btn:hover{background:#ef44441f}@keyframes dropdownEnter{0%{opacity:0;transform:translateY(12px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes mobileDrawer{0%{opacity:0;transform:translateY(-20px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes backdropFade{0%{opacity:0}to{opacity:1}}.kn-mobile-toggle{cursor:pointer;background:var(--card);width:46px;height:46px;color:var(--text);border:none;border:1px solid var(--border);box-shadow:var(--shadow);border-radius:16px;outline:none;justify-content:center;align-items:center;transition:transform .3s,background .3s,border-color .3s,color .3s;display:none}.kn-mobile-toggle:hover{color:var(--primary);background:#2563eb14;transform:translateY(-2px)}.kn-mobile-toggle:active{transform:scale(.94)}.kn-backdrop{-webkit-backdrop-filter:blur(5px);z-index:998;background:#0f172a73;animation:.25s backdropFade;position:fixed;inset:0}.kn-mobile-menu{background:var(--card);border:1px solid var(--border);z-index:999;border-radius:26px;flex-direction:column;animation:.3s mobileDrawer;display:flex;position:fixed;inset:78px 14px 14px;overflow:hidden;box-shadow:0 35px 90px #0f172a2e}[data-theme=dark] .kn-mobile-menu{box-shadow:0 35px 90px #00000073}.kn-mobile-scroll{flex:1;padding:24px;overflow-y:auto}.kn-mobile-user{border-bottom:1px solid var(--border);align-items:center;gap:16px;margin-bottom:28px;padding-bottom:22px;display:flex}.kn-mobile-avatar{color:#fff;background:linear-gradient(135deg, var(--primary), #60a5fa);border-radius:18px;flex-shrink:0;justify-content:center;align-items:center;width:60px;height:60px;font-size:22px;font-weight:800;display:flex}.kn-mobile-user h3{color:var(--text);font-size:18px;font-weight:700}.kn-mobile-user p{color:var(--text-secondary);word-break:break-word;margin-top:4px;font-size:13px}.kn-mobile-links{flex-direction:column;gap:10px;display:flex}.kn-mobile-links .kn-nav-link{border-radius:18px;justify-content:flex-start;width:100%;padding:16px 18px}.kn-mobile-links .kn-nav-link:hover{transform:none}.kn-mobile-logout{color:#ef4444;cursor:pointer;background:0 0;border:none;border-radius:18px;align-items:center;gap:14px;width:100%;margin-top:14px;padding:16px 18px;font-size:15px;font-weight:600;transition:background .25s,padding-left .25s;display:flex}.kn-mobile-logout:hover{background:#ef444414;padding-left:24px}.kn-mobile-footer{border-top:1px solid var(--border);color:var(--text-secondary);justify-content:center;align-items:center;gap:8px;margin-top:28px;padding-top:22px;font-size:14px;font-weight:600;display:flex}@media (width<=1024px){.kn-navbar{padding:12px 20px}.kn-navbar.scrolled{padding:10px 20px}.kn-navbar-container{justify-content:space-between;gap:16px;display:flex}.kn-desktop-nav{flex:1;gap:2px}.kn-nav-link{gap:5px;padding:9px 11px;font-size:13px}.kn-nav-link svg{width:15px;height:15px}.kn-user-info,.kn-chevron{display:none}}@media (width<=768px){.kn-navbar{padding:12px 18px}.kn-navbar-container{justify-content:space-between;gap:0;display:flex}.kn-mobile-toggle{display:flex}.kn-desktop-nav{display:none}.kn-profile-btn{box-shadow:none;background:0 0;border:none;gap:0;padding:6px}.kn-profile-btn .kn-user-info,.kn-profile-btn .kn-chevron{display:none}.kn-profile-menu{width:290px;right:-10px}.kn-logo-text small{display:none}.kn-logo-text span{font-size:19px}.kn-logo-icon{border-radius:14px;width:40px;height:40px;font-size:18px}}@media (width<=480px){.kn-navbar{padding:10px 14px}.kn-icon-btn,.kn-mobile-toggle{width:40px;height:40px}.kn-right{gap:8px}}.kn-upgrade-pill{color:#fff;letter-spacing:.4px;vertical-align:middle;background:linear-gradient(135deg,#2563eb,#7c3aed);border-radius:999px;margin-left:4px;padding:2px 8px;font-size:10px;font-weight:800;animation:2.5s ease-in-out infinite kn-pill-pulse;display:inline-block}@keyframes kn-pill-pulse{0%,to{box-shadow:0 0 #2563eb66}50%{box-shadow:0 0 0 5px #2563eb00}}.kn-nav-link{color:var(--text-secondary,#64748b);cursor:pointer;background:0 0;border:none;border-radius:10px;align-items:center;gap:6px;padding:8px 14px;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex;opacity:1!important}[data-theme=dark] .kn-nav-link{color:#94a3b8}.kn-nav-link:hover{color:var(--primary,#2563eb);background:#2563eb14;opacity:1!important}.kn-nav-link.active{color:var(--primary,#2563eb)!important;opacity:1!important;background:#2563eb1f!important;font-weight:700!important}.kn-nav-link.active svg{color:var(--primary,#2563eb)!important;opacity:1!important}.mobile-nav{background:var(--surface,#fff);border-top:1px solid var(--border,#e2e8f0);width:100%;padding-bottom:env(safe-area-inset-bottom,0px);z-index:999;justify-content:space-around;align-items:stretch;height:64px;display:flex;position:fixed;bottom:0;left:0;box-shadow:0 -4px 20px #00000014}.mobile-nav-item{color:var(--text-secondary,#64748b);letter-spacing:.3px;border-radius:0;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;min-height:48px;padding:8px 4px;font-size:10px;font-weight:600;text-decoration:none;transition:color .2s,background .2s;display:flex}.mobile-nav-item:hover{color:var(--primary,#2563eb);opacity:1;background:#2563eb0d;transform:none}.mobile-nav-item.active{color:var(--primary,#2563eb)}.mobile-nav-item.active svg{filter:drop-shadow(0 2px 6px #2563eb59)}[data-theme=dark] .mobile-nav{background:var(--surface,#0f172a);border-top-color:var(--border,#334155);box-shadow:0 -4px 20px #0006}.pwa-prompt-container{z-index:99999;width:calc(100vw - 48px);max-width:500px;animation:.4s cubic-bezier(.16,1,.3,1) forwards pwaSlideUp;position:fixed;bottom:24px;right:24px}@keyframes pwaSlideUp{0%{opacity:0;transform:translateY(24px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.pwa-prompt-card{background:var(--card,#0f172af0);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border,#3b82f64d);border-radius:20px;flex-direction:column;gap:12px;padding:18px 22px;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 50px -10px #00000073,0 0 20px #2563eb33}.pwa-progress-bar{background:linear-gradient(90deg,#2563eb,#38bdf8,#60a5fa);border-top-left-radius:20px;border-top-right-radius:20px;width:100%;height:4px;animation:15s linear forwards pwaCountdown;position:absolute;top:0;left:0}@keyframes pwaCountdown{0%{width:100%}to{width:0%}}.pwa-prompt-left{align-items:center;gap:14px;margin-top:2px;display:flex}.pwa-prompt-icon-wrapper{background:#2563eb;border:2px solid #fff3;border-radius:14px;flex-shrink:0;width:52px;height:52px;overflow:hidden;box-shadow:0 4px 14px #2563eb66}.pwa-prompt-icon{object-fit:cover;width:100%;height:100%}.pwa-prompt-text{flex-direction:column;gap:2px;display:flex}.pwa-prompt-badge{color:#38bdf8;text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:4px;font-size:11px;font-weight:800;display:inline-flex}.pwa-prompt-title{color:var(--text,#fff);margin:0;font-size:16px;font-weight:900}.pwa-prompt-desc{color:var(--text-secondary,#94a3b8);margin:0;font-size:13px;line-height:1.4}.pwa-prompt-right{justify-content:flex-end;align-items:center;gap:10px;display:flex}.pwa-install-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);border:none;border-radius:12px;align-items:center;gap:8px;padding:10px 20px;font-size:13px;font-weight:800;transition:all .2s;animation:2.5s infinite pwaPulse;display:inline-flex;box-shadow:0 4px 16px #2563eb73}@keyframes pwaPulse{0%,to{box-shadow:0 4px 16px #2563eb73}50%{box-shadow:0 4px 24px #38bdf8b3}}.pwa-install-btn:hover{background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);transform:translateY(-1px)scale(1.02);box-shadow:0 6px 20px #2563eb99}.pwa-skip-btn{color:var(--text-secondary,#94a3b8);cursor:pointer;background:#ffffff14;border:1px solid #ffffff24;border-radius:10px;padding:8px 14px;font-size:12px;font-weight:700;transition:all .2s}.pwa-skip-btn:hover{color:#ef4444;background:#ef444426;border-color:#ef44444d}.pwa-dismiss-btn{color:var(--text-secondary,#94a3b8);cursor:pointer;background:#ffffff14;border:1px solid #ffffff1a;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.pwa-dismiss-btn:hover{color:var(--text,#fff);background:#ffffff2e}.pwa-ios-guide{color:var(--text-secondary,#cbd5e1);background:#1e293bcc;border:1px dashed #38bdf84d;border-radius:12px;flex-direction:column;gap:8px;padding:10px 14px;font-size:12px;display:flex}.pwa-ios-step{align-items:center;gap:8px;display:flex}.pwa-ios-step-num{color:#fff;background:#2563eb;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;font-size:11px;font-weight:800;display:flex}@media (width<=640px){.pwa-prompt-container{width:auto;max-width:none;bottom:80px;left:16px;right:16px}}.footer{background:var(--card,#fff);color:var(--text,#0f172a);border-top:1px solid var(--border,#e2e8f0);padding:80px 40px 40px;transition:background .3s,color .3s;position:relative;overflow:hidden}[data-theme=dark] .footer{color:#fff;background:radial-gradient(circle at 100% 0,#2563eb1f,#0000 35%),radial-gradient(circle at 0 100%,#06b6d41a,#0000 40%),#090d18;border-top:1px solid #ffffff14}.footer-top{z-index:2;grid-template-columns:2fr 1fr 1fr 1fr;gap:70px;max-width:1400px;margin:auto;display:grid;position:relative}.footer-brand{flex-direction:column;display:flex}.footer-logo{align-items:center;gap:18px;margin-bottom:24px;display:flex}.footer-logo-icon{color:#fff;background:linear-gradient(135deg,#2563eb,#3b82f6);border-radius:20px;justify-content:center;align-items:center;width:62px;height:62px;display:flex;box-shadow:0 18px 40px #2563eb59}.footer-logo h2{font-size:34px;font-weight:900;line-height:1}.footer-tagline{color:#60a5fa;letter-spacing:.08em;text-transform:uppercase;margin-top:8px;font-size:14px;display:block}.footer-brand p{color:#94a3b8;max-width:460px;margin-bottom:28px;font-size:16px;line-height:1.9}.footer-contact{flex-direction:column;gap:14px;margin-bottom:32px;display:flex}.contact-item{color:#cbd5e1;align-items:center;gap:12px;font-size:15px;display:flex}.contact-item svg{color:#60a5fa;flex-shrink:0}.footer-socials{align-items:center;gap:16px;display:flex}.footer-socials a{color:#fff;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffff0d;border:1px solid #ffffff14;border-radius:18px;justify-content:center;align-items:center;width:52px;height:52px;text-decoration:none;transition:transform .35s,background .35s,box-shadow .35s,border-color .35s;display:flex}.footer-socials a svg{transition:transform .35s}.footer-socials a:hover{transform:translateY(-5px)scale(1.05);box-shadow:0 20px 45px #2563eb4d}.footer-socials a:first-child:hover{background:#181717}.footer-socials a:nth-child(2):hover{background:#0a66c2}.footer-socials a:nth-child(3):hover{background:linear-gradient(135deg,#f58529,#dd2a7b,#8134af)}.footer-socials a:hover svg{transform:rotate(-8deg)scale(1.1)}.footer-links{flex-direction:column;display:flex}.footer-links h4{color:#fff;margin-bottom:22px;font-size:18px;font-weight:700}.footer-links a{color:#94a3b8;width:max-content;margin-bottom:14px;font-size:15px;text-decoration:none;transition:color .3s,transform .3s;position:relative}.footer-links a:after{content:"";background:#3b82f6;border-radius:999px;width:0;height:2px;transition:width .3s;position:absolute;bottom:-4px;left:0}.footer-links a:hover{color:#fff;transform:translate(6px)}.footer-links a:hover:after{width:100%}.footer-bottom{border-top:1px solid #ffffff14;justify-content:space-between;align-items:center;gap:20px;max-width:1400px;margin:70px auto 0;padding-top:30px;display:flex}.footer-copyright{flex-direction:column;gap:8px;display:flex}.footer-copyright span{color:#f8fafc;font-size:15px;font-weight:600}.footer-copyright small{color:#94a3b8;font-size:14px}.scroll-top{cursor:pointer;color:#fff;background:linear-gradient(135deg,#2563eb,#3b82f6);border:none;border-radius:18px;justify-content:center;align-items:center;width:54px;height:54px;transition:transform .35s,box-shadow .35s;display:flex;box-shadow:0 18px 40px #2563eb4d}.scroll-top svg{transition:transform .3s}.scroll-top:hover{transform:translateY(-5px)scale(1.05);box-shadow:0 26px 55px #2563eb66}.scroll-top:hover svg{transform:translateY(-3px)}.scroll-top:active{transform:scale(.96)}@media (width<=1100px){.footer{padding:80px 30px 36px}.footer-top{grid-template-columns:1fr 1fr;gap:50px}.footer-brand{grid-column:1/-1}.footer-bottom{margin-top:60px}}@media (width<=768px){.footer{padding:70px 22px 30px}.footer-top{grid-template-columns:1fr;gap:42px}.footer-logo{text-align:center;justify-content:center}.footer-brand{text-align:center;align-items:center}.footer-brand p{max-width:100%}.footer-contact{align-items:center}.footer-socials{flex-wrap:wrap;justify-content:center}.footer-links{align-items:center}.footer-links a{width:auto}.footer-bottom{text-align:center;flex-direction:column;gap:22px}.footer-copyright{align-items:center}}@media (width<=480px){.footer{padding:60px 16px 26px}.footer-logo{flex-direction:column;gap:14px}.footer-logo h2{font-size:30px}.footer-tagline{font-size:12px}.footer-brand p{font-size:15px}.footer-logo-icon{border-radius:18px;width:56px;height:56px}.footer-socials{gap:12px}.footer-socials a{border-radius:15px;width:46px;height:46px}.footer-links h4{margin-bottom:16px}.footer-links a{margin-bottom:12px}.footer-newsletter{border-radius:22px;padding:22px}.newsletter-title{font-size:18px}.newsletter-form input{padding:15px 16px}.newsletter-form button{padding:15px 18px}.scroll-top{border-radius:15px;width:48px;height:48px}}@media (width>=1600px){.footer-top,.footer-newsletter,.footer-bottom{max-width:1500px}.footer{padding-top:110px}.footer-logo h2{font-size:38px}.footer-brand p{max-width:520px;font-size:17px}}.footer a:focus-visible,.footer button:focus-visible,.footer input:focus-visible{border-radius:16px;outline:none;box-shadow:0 0 0 4px #3b82f659}.footer *,.footer :before,.footer :after{box-sizing:border-box}.footer a,.footer button,.footer input,.footer-logo-icon,.footer-socials a,.scroll-top,.newsletter-form button{transition:all .35s}.test-center{background:#f8fafc;max-width:1450px;min-height:100vh;margin:auto;padding:50px 40px}.hero-card{color:#fff;background:linear-gradient(135deg,#06b6d4,#2563eb);border-radius:28px;justify-content:space-between;align-items:center;margin-bottom:35px;padding:45px;display:flex;box-shadow:0 25px 60px #2563eb40}.hero-left{align-items:center;gap:25px;display:flex}.hero-icon{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border-radius:24px;justify-content:center;align-items:center;width:90px;height:90px;font-size:44px;display:flex}.hero-card h1{letter-spacing:-2px;color:#fff;margin-bottom:14px;font-size:60px;font-weight:900}.hero-card p{color:#fff;opacity:.95;max-width:650px;font-size:18px;font-weight:500;line-height:1.8}.continue-btn{color:#2563eb;cursor:pointer;background:#fff;border:none;border-radius:16px;padding:16px 32px;font-size:16px;font-weight:800;transition:all .25s}.continue-btn:hover{transform:translateY(-3px);box-shadow:0 15px 35px #0003}.stats-grid{grid-template-columns:repeat(4,1fr);gap:24px;margin-bottom:35px;display:grid}.stat-card{background:#fff;border-radius:22px;align-items:center;gap:20px;padding:28px;transition:all .25s;display:flex;box-shadow:0 10px 30px #0f172a14}.stat-card:hover{transform:translateY(-6px)}.stat-card svg{color:#06b6d4}.stat-card h3{color:#64748b;margin-bottom:5px;font-size:14px}.stat-card h2{color:#0f172a;font-size:34px;font-weight:900}.progress-section{background:#fff;border-radius:22px;margin-bottom:35px;padding:30px;box-shadow:0 10px 30px #0f172a14}.progress-title{color:#0f172a;justify-content:space-between;margin-bottom:16px;font-weight:700;display:flex}.progress-bar{background:#e2e8f0;border-radius:999px;height:14px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#06b6d4,#3b82f6);height:100%;transition:all 1s}.test-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:28px;display:grid}.test-card{background:#fff;border:1px solid #e2e8f0;border-radius:24px;flex-direction:column;gap:24px;padding:28px;transition:transform .3s,box-shadow .3s,border-color .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 12px 35px #0f172a14}.test-card:before{content:"";background:linear-gradient(90deg,#06b6d4,#2563eb);width:100%;height:6px;position:absolute;top:0;left:0}.test-card:hover{border-color:#06b6d4;transform:translateY(-8px);box-shadow:0 25px 55px #06b6d42e}.card-top{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.card-top h2{color:#0f172a;margin-bottom:6px;font-size:24px;font-weight:800}.card-top p{color:#64748b;font-size:15px}.difficulty{color:#fff;white-space:nowrap;border-radius:999px;padding:8px 16px;font-size:13px;font-weight:800;transition:all .25s}.test-card:hover .difficulty{transform:scale(1.08)}.easy{background:#22c55e}.medium{background:#f59e0b}.hard{background:#ef4444}.card-info{color:#64748b;justify-content:space-between;align-items:center;font-size:15px;font-weight:700;display:flex}.card-info div{align-items:center;gap:8px;display:flex}.band-section{border-top:1px solid #e2e8f0;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:18px 0;display:flex}.label{color:#64748b;margin-bottom:8px;font-size:13px;font-weight:700;display:block}.band-section h3{color:#0891b2;font-size:22px;font-weight:800}.start-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#06b6d4,#2563eb);border:none;border-radius:14px;width:100%;height:52px;margin-top:auto;font-size:16px;font-weight:800;transition:all .25s}.start-btn:hover{transform:scale(1.03);box-shadow:0 12px 30px #2563eb4d}.hero-card{animation:.6s fadeDown}.stat-card,.test-card{animation:.5s fadeUp}@keyframes fadeDown{0%{opacity:0;transform:translateY(-25px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}@media (width<=1100px){.stats-grid{grid-template-columns:repeat(2,1fr)}.hero-card{flex-direction:column;align-items:flex-start;gap:25px}.hero-right,.continue-btn{width:100%}}@media (width<=768px){.test-center{padding:20px}.hero-card{border-radius:22px;padding:28px}.hero-left{flex-direction:column;align-items:flex-start}.hero-icon{width:70px;height:70px;font-size:34px}.hero-card h1{font-size:34px}.hero-card p{font-size:15px}.stats-grid{grid-template-columns:1fr}.stat-card{padding:22px}.stat-card h2{font-size:28px}.progress-section{padding:22px}.test-grid{grid-template-columns:1fr}.test-card{padding:22px}.card-top{flex-direction:column;align-items:flex-start}.card-info{flex-direction:column;align-items:flex-start;gap:12px}.band-section{flex-direction:column;align-items:flex-start;gap:18px}.start-btn{height:48px}}@media (width>=1600px){.test-center{max-width:1650px}.test-grid{grid-template-columns:repeat(4,1fr)}}::selection{color:#fff;background:#06b6d4}*{transition:background .25s,color .25s,border-color .25s}.hero-features{flex-wrap:wrap;gap:14px;margin-top:18px;display:flex}.hero-features span{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff38;border:1px solid #ffffff26;border-radius:999px;padding:10px 16px;font-size:14px;font-weight:700}.hero-stats{gap:18px;margin-bottom:25px;display:flex}.hero-stats div{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border-radius:18px;flex-direction:column;align-items:center;min-width:110px;padding:16px 20px;display:flex}.hero-stats span{opacity:.9;margin-bottom:8px;font-size:13px}.hero-stats strong{font-size:24px;font-weight:900}@media (width<=768px){.hero-stats{flex-direction:column;width:100%}.hero-stats div{width:100%}.hero-features{flex-direction:column}}.hero-card.reading,.start-btn.reading{background:linear-gradient(135deg,#06b6d4,#2563eb)}.progress-fill.reading,.test-card.reading:before{background:linear-gradient(90deg,#06b6d4,#2563eb)}.hero-card.listening,.start-btn.listening{background:linear-gradient(135deg,#c4b5fd,#8b5cf6)}.progress-fill.listening,.test-card.listening:before{background:linear-gradient(90deg,#c4b5fd,#8b5cf6)}.hero-card.writing,.start-btn.writing{background:linear-gradient(135deg,#f97316,#ea580c)}.progress-fill.writing,.test-card.writing:before{background:linear-gradient(90deg,#f97316,#ea580c)}.hero-card.speaking,.start-btn.speaking{background:linear-gradient(135deg,#22c55e,#16a34a)}.progress-fill.speaking,.test-card.speaking:before{background:linear-gradient(90deg,#22c55e,#16a34a)}[data-theme=dark] .test-center{background:var(--bg,#0b0f19);color:var(--text,#f8fafc)}[data-theme=dark] .test-card,[data-theme=dark] .stat-card,[data-theme=dark] .progress-section{background:var(--surface,#151c2c);border-color:var(--border,#26334d);color:var(--text,#f8fafc)}[data-theme=dark] .test-card h3,[data-theme=dark] .card-top h2,[data-theme=dark] .stat-number,[data-theme=dark] .stat-card h2,[data-theme=dark] .stat-card h3,[data-theme=dark] .progress-title,[data-theme=dark] .section-header h2{color:var(--text,#f8fafc)}[data-theme=dark] .test-card p,[data-theme=dark] .stat-card p,[data-theme=dark] .card-info,[data-theme=dark] .section-header p{color:var(--text-muted,#94a3b8)}[data-theme=dark] .band-section{border-color:var(--border,#26334d)}[data-theme=dark] .hero-card p{color:#fffffff2}[data-theme=dark] .filter-btn{background:var(--surface-2,#1e293b);color:var(--text-muted,#94a3b8);border-color:var(--border,#26334d)}[data-theme=dark] .filter-btn.active{color:#fff;background:#2563eb}@media (width<=768px){.test-center{padding:24px 16px}.hero-card{flex-direction:column;align-items:flex-start;gap:20px;padding:24px 20px}.hero-left{flex-direction:column;align-items:flex-start;gap:14px}.hero-card h1{font-size:32px}.stats-grid{grid-template-columns:repeat(2,1fr);gap:12px}.test-grid{grid-template-columns:1fr;gap:16px}}@media (width<=480px){.stats-grid{grid-template-columns:1fr}}.st-page{color:#0f172a;background:#f8fafc;min-height:100vh}.st-header{color:#fff;background:linear-gradient(135deg,#2563eb,#1d4ed8,#4338ca);padding:60px 20px 40px}.st-header-inner{max-width:1200px;margin:auto}.st-header h1{letter-spacing:-1.5px;margin-bottom:8px;font-size:42px;font-weight:900}.st-header p{opacity:.88;font-size:17px}.st-layout{grid-template-columns:280px 1fr;align-items:start;gap:32px;max-width:1200px;margin:0 auto;padding:40px 20px 80px;display:grid}.st-sidebar{background:#fff;border:1px solid #e2e8f0;border-radius:24px;position:sticky;top:90px;overflow:hidden;box-shadow:0 10px 40px #0f172a0f}.st-sidebar-user{border-bottom:1px solid #f1f5f9;align-items:center;gap:14px;padding:24px 20px;display:flex}.st-sidebar-avatar{color:#fff;background:linear-gradient(135deg,#2563eb,#7c3aed);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:20px;font-weight:800;display:flex}.st-sidebar-user strong{color:#0f172a;font-size:15px;font-weight:700;display:block}.st-sidebar-user span{color:#64748b;word-break:break-all;margin-top:2px;font-size:12px;display:block}.st-sidebar-plan{color:#fff;background:linear-gradient(135deg,#2563eb,#7c3aed);border-radius:999px;margin-top:6px;padding:3px 10px;font-size:11px;font-weight:700;display:inline-block}.st-sidebar-nav{flex-direction:column;padding:12px 10px;display:flex}.st-nav-btn{text-align:left;color:#475569;cursor:pointer;background:0 0;border:none;border-radius:14px;align-items:center;gap:12px;margin-bottom:2px;padding:12px 14px;font-size:14.5px;font-weight:600;transition:all .2s;display:flex}.st-nav-btn:hover{color:#0f172a;background:#f1f5f9}.st-nav-active{color:#2563eb;background:#eff6ff}.st-nav-danger{color:#dc2626}.st-nav-danger:hover{color:#b91c1c;background:#fef2f2}.st-nav-icon{font-size:17px}.st-logout-btn{color:#64748b;cursor:pointer;text-align:left;background:0 0;border:none;border-top:1px solid #f1f5f9;align-items:center;gap:10px;width:100%;padding:14px 20px;font-size:14.5px;font-weight:600;transition:all .2s;display:flex}.st-logout-btn:hover{color:#0f172a;background:#f8fafc}.st-main{flex-direction:column;gap:28px;display:flex}.st-section{background:#fff;border:1px solid #e2e8f0;border-radius:24px;padding:36px;scroll-margin-top:100px;box-shadow:0 4px 20px #0f172a0a}.st-section-header{align-items:flex-start;gap:16px;margin-bottom:32px;display:flex}.st-section-header>span{font-size:32px}.st-section-header h2{letter-spacing:-.4px;margin-bottom:4px;font-size:22px;font-weight:800}.st-section-header p{color:#64748b;font-size:14px}.st-sub-section{border-top:1px solid #f1f5f9;margin-top:30px;padding-top:28px}.st-sub-section h3{margin-bottom:4px;font-size:17px;font-weight:700}.st-sub-desc{color:#64748b;margin-bottom:20px;font-size:14px}.st-field-group{margin-bottom:20px}.st-label{color:#374151;margin-bottom:8px;font-size:14px;font-weight:600;display:block}.st-optional{color:#94a3b8;font-weight:400}.st-hint{color:#94a3b8;margin-top:6px;font-size:12px;display:block}.st-error-msg{color:#dc2626;margin-top:6px;font-size:12px;display:block}.st-input{color:#0f172a;box-sizing:border-box;background:#fafbfc;border:1.5px solid #e2e8f0;border-radius:14px;outline:none;width:100%;padding:13px 16px;font-size:15px;transition:border-color .2s,box-shadow .2s}.st-input:focus{background:#fff;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.st-input-error{border-color:#fca5a5}.st-input-error:focus{border-color:#dc2626;box-shadow:0 0 0 3px #dc26261a}.st-textarea{color:#0f172a;resize:vertical;box-sizing:border-box;background:#fafbfc;border:1.5px solid #e2e8f0;border-radius:14px;outline:none;width:100%;min-height:90px;padding:13px 16px;font-family:inherit;font-size:15px;transition:border-color .2s,box-shadow .2s}.st-textarea:focus{background:#fff;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.st-input-readonly{color:#475569;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:14px;align-items:center;gap:12px;padding:13px 16px;font-size:15px;display:flex}.st-badge-verified{color:#15803d;background:#dcfce7;border-radius:999px;padding:3px 10px;font-size:12px;font-weight:700}.st-input-wrap{position:relative}.st-input-wrap .st-input{padding-right:52px}.st-eye{cursor:pointer;background:0 0;border:none;padding:4px;font-size:18px;line-height:1;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.st-strength{align-items:center;gap:6px;margin-top:8px;display:flex}.st-strength-bar{background:#e2e8f0;border-radius:999px;flex:1;height:4px;transition:all .3s}.st-s-active.st-s-weak{background:#f87171}.st-s-active.st-s-ok{background:#fb923c}.st-s-active.st-s-strong{background:#22c55e}.st-strength-label{color:#64748b;white-space:nowrap;font-size:12px;font-weight:600}.st-btn-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb,#1d4ed8);border:none;border-radius:14px;align-items:center;gap:8px;padding:13px 28px;font-size:15px;font-weight:700;transition:all .25s;display:inline-flex;box-shadow:0 8px 20px #2563eb38}.st-btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 28px #2563eb4d}.st-btn-primary:disabled{opacity:.7;cursor:not-allowed}.st-btn-secondary{color:#0f172a;cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:14px;align-items:center;gap:8px;padding:13px 28px;font-size:15px;font-weight:700;transition:all .25s;display:inline-flex}.st-btn-secondary:hover:not(:disabled){color:#2563eb;border-color:#2563eb}.st-btn-secondary:disabled{opacity:.7;cursor:not-allowed}.st-btn-outline-danger{color:#dc2626;cursor:pointer;white-space:nowrap;background:#fff;border:1.5px solid #fca5a5;border-radius:14px;align-items:center;gap:8px;padding:11px 22px;font-size:14px;font-weight:700;transition:all .25s;display:inline-flex}.st-btn-outline-danger:hover{background:#fef2f2;border-color:#dc2626}.st-btn-danger{color:#fff;cursor:pointer;white-space:nowrap;background:#dc2626;border:none;border-radius:14px;align-items:center;gap:8px;padding:11px 22px;font-size:14px;font-weight:700;transition:all .25s;display:inline-flex}.st-btn-danger:hover:not(:disabled){background:#b91c1c;transform:translateY(-1px)}.st-btn-danger:disabled{opacity:.7;cursor:not-allowed}.st-spinner{border:2.5px solid #fff6;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.65s linear infinite st-spin;display:inline-block}@keyframes st-spin{to{transform:rotate(360deg)}}.st-toggle-row{border-bottom:1px solid #f8fafc;justify-content:space-between;align-items:center;gap:16px;padding:18px 0;display:flex}.st-toggle-row:last-of-type{border-bottom:none}.st-toggle-info strong{margin-bottom:4px;font-size:15px;font-weight:700;display:block}.st-toggle-info span{color:#64748b;font-size:13px}.st-toggle{cursor:pointer;background:#e2e8f0;border:none;border-radius:999px;flex-shrink:0;width:52px;height:28px;padding:0;transition:background .25s;position:relative}.st-toggle-on{background:linear-gradient(135deg,#2563eb,#1d4ed8)}.st-toggle-thumb{background:#fff;border-radius:50%;width:22px;height:22px;transition:transform .25s cubic-bezier(.34,1.56,.64,1);position:absolute;top:3px;left:3px;box-shadow:0 2px 6px #0f172a26}.st-toggle-on .st-toggle-thumb{transform:translate(24px)}.st-info-banner{color:#2563eb;background:#eff6ff;border:1px solid #bfdbfe;border-radius:14px;align-items:center;gap:10px;margin-top:24px;padding:14px 18px;font-size:14px;font-weight:500;display:flex}.st-plan-card{border:1.5px solid #e2e8f0;border-radius:20px;padding:28px}.st-plan-premium{background:linear-gradient(135deg,#eff6ff,#f5f3ff);border-color:#bfdbfe}.st-plan-free{background:#f8fafc}.st-plan-top{align-items:center;gap:14px;margin-bottom:14px;display:flex}.st-plan-badge{color:#fff;background:linear-gradient(135deg,#2563eb,#7c3aed);border-radius:999px;padding:6px 16px;font-size:14px;font-weight:800;display:inline-block}.st-plan-badge-free{color:#475569;background:#e2e8f0}.st-plan-status{color:#15803d;align-items:center;gap:7px;font-size:14px;font-weight:600;display:flex}.st-live-dot{background:#16a34a;border-radius:50%;width:8px;height:8px;animation:1.8s ease-in-out infinite st-pulse}@keyframes st-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.6)}}.st-plan-desc{color:#475569;margin-bottom:22px;font-size:15px;line-height:1.6}.st-plan-expiry{color:#2563eb;align-items:center;gap:8px;margin-bottom:22px;font-size:14px;font-weight:600;display:flex}.st-danger-section{background:#fff5f5;border:1.5px solid #fecaca}.st-danger-section .st-section-header h2{color:#dc2626}.st-danger-row{border-bottom:1px solid #fee2e2;justify-content:space-between;align-items:center;gap:20px;padding:22px 0;display:flex}.st-danger-row:last-child{border-bottom:none;padding-bottom:0}.st-danger-row>div>strong{margin-bottom:4px;font-size:15px;font-weight:700;display:block}.st-danger-row>div>p{color:#64748b;font-size:13px}.st-modal-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;background:#0f172aa6;justify-content:center;align-items:center;padding:20px;animation:.2s st-fade-in;display:flex;position:fixed;inset:0}@keyframes st-fade-in{0%{opacity:0}to{opacity:1}}.st-modal{text-align:center;background:#fff;border-radius:28px;width:100%;max-width:500px;padding:40px 36px;animation:.3s cubic-bezier(.34,1.56,.64,1) st-slide-up;box-shadow:0 40px 80px #0f172a4d}@keyframes st-slide-up{0%{opacity:0;transform:scale(.9)translateY(24px)}to{opacity:1;transform:scale(1)translateY(0)}}.st-modal-icon{margin-bottom:16px;font-size:52px}.st-modal h2{color:#0f172a;margin-bottom:12px;font-size:24px;font-weight:900}.st-modal p{color:#64748b;font-size:15px;line-height:1.7}.st-modal-actions{justify-content:flex-end;gap:12px;margin-top:24px;display:flex}@media (width<=1024px){.st-layout{grid-template-columns:240px 1fr;gap:24px}}@media (width<=768px){.st-layout{grid-template-columns:1fr;padding:24px 16px 60px}.st-sidebar{position:static}.st-sidebar-nav{flex-flow:wrap;gap:4px;padding:10px}.st-nav-btn{flex:none;padding:8px 12px;font-size:13px}.st-section{padding:24px 20px}.st-header{padding:40px 20px 30px}.st-header h1{font-size:32px}.st-modal{padding:28px 20px}.st-modal-actions{flex-direction:column}.st-modal-actions .st-btn-secondary,.st-modal-actions .st-btn-danger{justify-content:center;width:100%}.st-danger-row{flex-direction:column;align-items:flex-start;gap:12px}}@media (width<=480px){.st-header h1{font-size:26px}.st-section-header{flex-direction:column;gap:10px}.st-section-header>span{font-size:24px}.st-plan-top{flex-wrap:wrap}}[data-theme=dark] .st-page{background:var(--bg,#0b0f19);color:var(--text,#f8fafc)}[data-theme=dark] .st-sidebar,[data-theme=dark] .st-section{background:var(--surface,#151c2c);border-color:var(--border,#26334d);color:var(--text,#f8fafc)}[data-theme=dark] .st-sidebar-user{border-bottom-color:var(--border,#26334d)}[data-theme=dark] .st-sidebar-user strong,[data-theme=dark] .st-section-title h2,[data-theme=dark] .st-field-group label,[data-theme=dark] .st-info-item strong,[data-theme=dark] .st-plan-details strong,[data-theme=dark] .st-sub-title,[data-theme=dark] .st-billing-table th{color:var(--text,#f8fafc)}[data-theme=dark] .st-nav-btn{color:var(--text-muted,#94a3b8)}[data-theme=dark] .st-nav-btn:hover{background:var(--surface-2,#1e293b);color:var(--text,#f8fafc)}[data-theme=dark] .st-nav-btn.active{color:#60a5fa;background:#2563eb26}[data-theme=dark] .st-input,[data-theme=dark] .st-select{background:var(--surface-2,#1e293b);color:var(--text,#f8fafc);border-color:var(--border,#26334d)}[data-theme=dark] .st-info-item,[data-theme=dark] .st-plan-card,[data-theme=dark] .st-stat-card,[data-theme=dark] .st-danger-zone{background:var(--surface-2,#1e293b);border-color:var(--border,#26334d)}[data-theme=dark] .st-modal{background:var(--surface,#151c2c);border-color:var(--border,#26334d);color:var(--text,#f8fafc)}.profile-page{background:var(--bg,#f6f8fc);min-height:100vh;color:var(--text,#0f172a);font-family:Inter,sans-serif}[data-theme=dark] .profile-page{background:var(--bg,#030712);color:var(--text,#f8fafc)}.profile-hero{background:linear-gradient(135deg,#1e3a8a,#2563eb,#4f46e5);padding:60px 32px 120px;position:relative;overflow:hidden}.profile-hero-inner{z-index:1;max-width:1100px;margin:0 auto;position:relative}.profile-content{z-index:2;max-width:1100px;margin:-80px auto 60px;padding:0 24px;position:relative}.profile-grid{grid-template-columns:300px 1fr;align-items:start;gap:24px;display:grid}.profile-stats-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.profile-skills-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.profile-history-row{align-items:center;gap:16px;padding:16px 22px;display:flex}@media (width<=1024px){.profile-grid{grid-template-columns:260px 1fr}.profile-stats-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=768px){.profile-hero{padding:40px 20px 100px}.profile-content{margin-top:-60px;margin-bottom:40px;padding:0 16px}.profile-grid{grid-template-columns:1fr}.profile-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.profile-hero{padding:30px 16px 90px}.profile-content{margin-top:-50px;padding:0 12px}.profile-stats-grid{grid-template-columns:repeat(2,1fr);gap:10px}.profile-skills-grid{grid-template-columns:1fr}.profile-history-row{flex-wrap:wrap;padding:14px 16px}}.legal-page{background:#f0f2f5;min-height:100vh;padding:60px 24px 100px}.legal-container{max-width:860px;margin:0 auto}.legal-hero{color:#fff;background:linear-gradient(135deg,#1e293b,#2563eb);border-radius:20px;margin-bottom:32px;padding:48px 52px}.legal-hero-badge{letter-spacing:.1em;text-transform:uppercase;color:#bfdbfe;background:#ffffff26;border:1px solid #fff3;border-radius:999px;margin-bottom:18px;padding:5px 16px;font-size:12px;font-weight:800;display:inline-block}.legal-hero h1{margin-bottom:14px;font-size:38px;font-weight:900;line-height:1.15}.legal-hero p{color:#ffffffbf;max-width:600px;font-size:16px;line-height:1.7}.legal-hero-meta{color:#ffffff80;margin-top:20px;font-size:13px}.legal-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;margin-bottom:16px;overflow:hidden}.legal-section{border-bottom:1px solid #f1f5f9;padding:28px 32px}.legal-section:last-child{border-bottom:none}.legal-section-number{color:#2563eb;background:#eff6ff;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;margin-bottom:12px;font-size:12px;font-weight:800;display:inline-flex}.legal-section h2{color:#0f172a;align-items:center;gap:10px;margin-bottom:10px;font-size:17px;font-weight:800;display:flex}.legal-section p,.legal-section li{color:#475569;font-size:15px;line-height:1.85}.legal-section ul{flex-direction:column;gap:6px;margin:10px 0 0;padding-left:20px;display:flex}.legal-section li::marker{color:#2563eb}.legal-highlight{background:#eff6ff;border:1px solid #bfdbfe;border-radius:12px;margin-top:24px;padding:20px 24px}.legal-highlight p{color:#1e40af;font-size:15px;line-height:1.7}.faq-search-bar{background:#fff;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:12px;margin-bottom:24px;padding:14px 18px;display:flex}.faq-search-bar input{color:#0f172a;background:0 0;border:none;outline:none;width:100%;font-size:15px}.faq-search-bar input::placeholder{color:#94a3b8}.faq-search-bar svg{color:#94a3b8;flex-shrink:0}.faq-category-title{letter-spacing:.09em;text-transform:uppercase;color:#2563eb;background:#f8fafc;border-bottom:1px solid #f1f5f9;padding:18px 32px 10px;font-size:12px;font-weight:800}.faq-item{border-bottom:1px solid #f1f5f9}.faq-item:last-child{border-bottom:none}.faq-question{cursor:pointer;text-align:left;color:#0f172a;background:0 0;border:none;justify-content:space-between;align-items:center;gap:16px;width:100%;padding:18px 32px;font-size:15px;font-weight:700;transition:background .15s;display:flex}.faq-question:hover{background:#f8fafc}.faq-question.open{color:#2563eb;background:#f0f7ff}.faq-chevron{color:#94a3b8;flex-shrink:0;width:20px;height:20px;transition:transform .25s}.faq-question.open .faq-chevron{color:#2563eb;transform:rotate(180deg)}.faq-answer{max-height:0;padding:0 32px;transition:max-height .3s,padding .2s;overflow:hidden}.faq-answer.open{max-height:400px;padding:0 32px 20px}.faq-answer p{color:#475569;font-size:14px;line-height:1.85}.faq-no-results{text-align:center;color:#94a3b8;padding:48px 24px;font-size:15px}@media (width<=768px){.legal-page{padding:32px 16px 80px}.legal-hero{padding:32px 24px}.legal-hero h1{font-size:28px}.legal-section{padding:22px 20px}.faq-question{padding:16px 20px}.faq-answer,.faq-answer.open{padding-left:20px;padding-right:20px}.faq-category-title{padding:14px 20px 8px}}[data-theme=dark] .legal-page{background:var(--bg,#0b0f19);color:var(--text,#f8fafc)}[data-theme=dark] .legal-card,[data-theme=dark] .legal-section,[data-theme=dark] .legal-toc,[data-theme=dark] .faq-item{background:var(--surface,#151c2c);border-color:var(--border,#26334d);color:var(--text,#f8fafc)}[data-theme=dark] .legal-section h2,[data-theme=dark] .legal-toc-title,[data-theme=dark] .faq-question-text,[data-theme=dark] .faq-category-title{color:var(--text,#f8fafc)}[data-theme=dark] .legal-section p,[data-theme=dark] .legal-section li,[data-theme=dark] .faq-answer p{color:var(--text-secondary,#cbd5e1)}[data-theme=dark] .legal-toc a{color:var(--text-muted,#94a3b8)}[data-theme=dark] .legal-toc a:hover,[data-theme=dark] .legal-toc a.active{color:#60a5fa}[data-theme=dark] .legal-hero p{color:#ffffffd9}.contact-container{max-width:1100px;margin:0 auto}.contact-grid{grid-template-columns:1.15fr 1fr;align-items:start;gap:24px;display:grid}.contact-form-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:36px 36px 40px}.contact-form-title{color:#0f172a;margin-bottom:24px;font-size:20px;font-weight:800}.contact-form{flex-direction:column;gap:18px;display:flex}.contact-row-2{grid-template-columns:1fr 1fr;gap:16px;display:grid}.contact-field{flex-direction:column;gap:7px;display:flex}.contact-field label{color:#374151;font-size:13px;font-weight:700}.contact-field input,.contact-field textarea{color:#0f172a;resize:vertical;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:9px;outline:none;padding:11px 14px;font-family:inherit;font-size:14px;transition:border-color .2s,box-shadow .2s,background .2s}.contact-field input:focus,.contact-field textarea:focus{background:#fff;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.contact-field input::placeholder,.contact-field textarea::placeholder{color:#94a3b8}.contact-submit{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb,#1d4ed8);border:none;border-radius:10px;justify-content:center;align-items:center;gap:9px;padding:13px 24px;font-size:15px;font-weight:800;transition:transform .2s,box-shadow .2s,opacity .2s;display:flex;box-shadow:0 8px 24px #2563eb40}.contact-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 14px 32px #2563eb59}.contact-submit:disabled{opacity:.7;cursor:not-allowed}.contact-spinner{border:2.5px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.7s linear infinite spin}.contact-success{text-align:center;flex-direction:column;align-items:center;gap:14px;padding:48px 24px;display:flex}.contact-success h2{color:#0f172a;font-size:24px;font-weight:800}.contact-success p{color:#64748b;max-width:340px;font-size:15px;line-height:1.7}.contact-reset{color:#2563eb;cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:9px;margin-top:8px;padding:10px 22px;font-size:14px;font-weight:700;transition:border-color .2s,background .2s}.contact-reset:hover{background:#eff6ff;border-color:#2563eb}.contact-info-col{flex-direction:column;gap:16px;display:flex}.contact-info-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:24px 26px}.contact-info-card h3{color:#0f172a;margin-bottom:18px;font-size:16px;font-weight:800}.contact-info-items{flex-direction:column;gap:14px;margin-bottom:22px;display:flex}.contact-info-item{color:#64748b;align-items:flex-start;gap:12px;display:flex}.contact-info-item svg{color:#2563eb;flex-shrink:0;margin-top:2px}.ci-label{text-transform:uppercase;letter-spacing:.07em;color:#94a3b8;margin-bottom:2px;font-size:11px;font-weight:700;display:block}.ci-value{color:#0f172a;font-size:14px;font-weight:600;text-decoration:none}a.ci-value:hover{color:#2563eb}.contact-socials{flex-direction:column;gap:10px;display:flex}.contact-social-btn{background:var(--s-bg);color:var(--s-color);border:1.5px solid #0000;border-radius:10px;align-items:center;gap:12px;padding:12px 16px;text-decoration:none;transition:border-color .2s,transform .2s;display:flex}.contact-social-btn:hover{border-color:var(--s-color);transform:translate(4px)}.contact-social-btn svg{flex-shrink:0}.cs-label{color:inherit;font-size:12px;font-weight:800;line-height:1.2;display:block}.cs-handle{color:#64748b;font-size:12px;font-weight:500;line-height:1.4;display:block}.contact-info-mini{align-items:flex-start;gap:14px;padding:20px 22px;display:flex}.contact-info-icon{border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.contact-info-mini h4{color:#0f172a;margin-bottom:5px;font-size:14px;font-weight:800}.contact-info-mini p{color:#64748b;font-size:13px;line-height:1.65}@media (width<=900px){.contact-grid{grid-template-columns:1fr}}@media (width<=600px){.contact-form-card{padding:24px 20px 28px}.contact-row-2{grid-template-columns:1fr}.contact-info-card{padding:20px 18px}}[data-theme=dark] .contact-form-card,[data-theme=dark] .contact-info-card,[data-theme=dark] .contact-info-mini{background:var(--surface,#151c2c);border-color:var(--border,#26334d);color:var(--text,#f8fafc)}[data-theme=dark] .contact-form-title,[data-theme=dark] .contact-label,[data-theme=dark] .contact-info-title,[data-theme=dark] .contact-info-mini h4{color:var(--text,#f8fafc)}[data-theme=dark] .contact-input,[data-theme=dark] .contact-textarea,[data-theme=dark] .contact-select{background:var(--surface-2,#1e293b);color:var(--text,#f8fafc);border-color:var(--border,#26334d)}[data-theme=dark] .contact-info-text,[data-theme=dark] .contact-info-mini p{color:var(--text-muted,#94a3b8)}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-red-300:oklch(80.8% .114 19.571);--color-red-400:oklch(70.4% .191 22.216);--color-red-500:oklch(63.7% .237 25.331);--color-orange-500:oklch(70.5% .213 47.604);--color-amber-300:oklch(87.9% .169 91.605);--color-amber-400:oklch(82.8% .189 84.429);--color-amber-600:oklch(66.6% .179 58.318);--color-yellow-400:oklch(85.2% .199 91.936);--color-yellow-500:oklch(79.5% .184 86.047);--color-green-300:oklch(87.1% .15 154.449);--color-green-400:oklch(79.2% .209 151.711);--color-green-500:oklch(72.3% .219 149.579);--color-emerald-400:oklch(76.5% .177 163.223);--color-emerald-500:oklch(69.6% .17 162.48);--color-teal-500:oklch(70.4% .14 182.503);--color-teal-600:oklch(60% .118 184.704);--color-cyan-300:oklch(86.5% .127 207.078);--color-cyan-400:oklch(78.9% .154 211.53);--color-cyan-500:oklch(71.5% .143 215.221);--color-cyan-600:oklch(60.9% .126 221.723);--color-blue-200:oklch(88.2% .059 254.128);--color-blue-400:oklch(70.7% .165 254.624);--color-blue-500:oklch(62.3% .214 259.815);--color-blue-600:oklch(54.6% .245 262.881);--color-indigo-600:oklch(51.1% .262 276.966);--color-violet-400:oklch(70.2% .183 293.541);--color-violet-500:oklch(60.6% .25 292.717);--color-purple-400:oklch(71.4% .203 305.504);--color-purple-500:oklch(62.7% .265 303.9);--color-pink-500:oklch(65.6% .241 354.308);--color-pink-600:oklch(59.2% .249 .584);--color-rose-400:oklch(71.2% .194 13.428);--color-rose-500:oklch(64.5% .246 16.439);--color-slate-100:oklch(96.8% .007 247.896);--color-slate-200:oklch(92.9% .013 255.508);--color-slate-300:oklch(86.9% .022 252.894);--color-slate-400:oklch(70.4% .04 256.788);--color-slate-500:oklch(55.4% .046 257.417);--color-slate-700:oklch(37.2% .044 257.287);--color-slate-800:oklch(27.9% .041 260.031);--color-slate-900:oklch(20.8% .042 265.755);--color-slate-950:oklch(12.9% .042 264.695);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-lg:32rem;--container-4xl:56rem;--container-5xl:64rem;--container-6xl:72rem;--container-7xl:80rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25 / 1.875);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--text-5xl:3rem;--text-5xl--line-height:1;--text-6xl:3.75rem;--text-6xl--line-height:1;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--leading-relaxed:1.625;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--shadow-sm:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--animate-spin:spin 1s linear infinite;--animate-ping:ping 1s cubic-bezier(0, 0, .2, 1) infinite;--animate-pulse:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--animate-bounce:bounce 1s infinite;--blur-md:12px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:calc(var(--spacing) * 0)}.z-10{z-index:10}.z-50{z-index:50}.col-span-3{grid-column:span 3/span 3}.col-span-9{grid-column:span 9/span 9}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.mx-auto{margin-inline:auto}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-1{margin-top:calc(var(--spacing) * 1)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-5{margin-top:calc(var(--spacing) * 5)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mt-8{margin-top:calc(var(--spacing) * 8)}.mt-10{margin-top:calc(var(--spacing) * 10)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-5{margin-bottom:calc(var(--spacing) * 5)}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.mb-8{margin-bottom:calc(var(--spacing) * 8)}.mb-10{margin-bottom:calc(var(--spacing) * 10)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.h-2{height:calc(var(--spacing) * 2)}.h-3{height:calc(var(--spacing) * 3)}.h-3\.5{height:calc(var(--spacing) * 3.5)}.h-4{height:calc(var(--spacing) * 4)}.h-5{height:calc(var(--spacing) * 5)}.h-9{height:calc(var(--spacing) * 9)}.h-10{height:calc(var(--spacing) * 10)}.h-11{height:calc(var(--spacing) * 11)}.h-12{height:calc(var(--spacing) * 12)}.h-40{height:calc(var(--spacing) * 40)}.h-full{height:100%}.max-h-\[75vh\]{max-height:75vh}.max-h-\[90vh\]{max-height:90vh}.min-h-\[600px\]{min-height:600px}.min-h-screen{min-height:100vh}.w-3\.5{width:calc(var(--spacing) * 3.5)}.w-4{width:calc(var(--spacing) * 4)}.w-5{width:calc(var(--spacing) * 5)}.w-9{width:calc(var(--spacing) * 9)}.w-10{width:calc(var(--spacing) * 10)}.w-11{width:calc(var(--spacing) * 11)}.w-12{width:calc(var(--spacing) * 12)}.w-40{width:calc(var(--spacing) * 40)}.w-full{width:100%}.max-w-4xl{max-width:var(--container-4xl)}.max-w-5xl{max-width:var(--container-5xl)}.max-w-6xl{max-width:var(--container-6xl)}.max-w-7xl{max-width:var(--container-7xl)}.max-w-\[80\%\]{max-width:80%}.max-w-lg{max-width:var(--container-lg)}.flex-1{flex:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.rotate-180{rotate:180deg}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-bounce{animation:var(--animate-bounce)}.animate-ping{animation:var(--animate-ping)}.animate-pulse{animation:var(--animate-pulse)}.animate-spin{animation:var(--animate-spin)}.cursor-not-allowed{cursor:not-allowed}.resize{resize:both}.resize-none{resize:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-row-reverse{flex-direction:row-reverse}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-5{gap:calc(var(--spacing) * 5)}.gap-6{gap:calc(var(--spacing) * 6)}.gap-8{gap:calc(var(--spacing) * 8)}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)))}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-3xl{border-radius:var(--radius-3xl)}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-tl-none{border-top-left-radius:0}.rounded-tr-none{border-top-right-radius:0}.border{border-style:var(--tw-border-style);border-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-cyan-500{border-color:var(--color-cyan-500)}.border-cyan-500\/20{border-color:#00b7d733}@supports (color:color-mix(in lab, red, red)){.border-cyan-500\/20{border-color:color-mix(in oklab, var(--color-cyan-500) 20%, transparent)}}.border-cyan-500\/30{border-color:#00b7d74d}@supports (color:color-mix(in lab, red, red)){.border-cyan-500\/30{border-color:color-mix(in oklab, var(--color-cyan-500) 30%, transparent)}}.border-emerald-500\/30{border-color:#00bb7f4d}@supports (color:color-mix(in lab, red, red)){.border-emerald-500\/30{border-color:color-mix(in oklab, var(--color-emerald-500) 30%, transparent)}}.border-green-500{border-color:var(--color-green-500)}.border-red-500{border-color:var(--color-red-500)}.border-rose-400{border-color:var(--color-rose-400)}.border-slate-700{border-color:var(--color-slate-700)}.border-slate-700\/80{border-color:#314158cc}@supports (color:color-mix(in lab, red, red)){.border-slate-700\/80{border-color:color-mix(in oklab, var(--color-slate-700) 80%, transparent)}}.border-slate-800{border-color:var(--color-slate-800)}.bg-blue-500{background-color:var(--color-blue-500)}.bg-blue-600{background-color:var(--color-blue-600)}.bg-blue-600\/90{background-color:#155dfce6}@supports (color:color-mix(in lab, red, red)){.bg-blue-600\/90{background-color:color-mix(in oklab, var(--color-blue-600) 90%, transparent)}}.bg-cyan-400{background-color:var(--color-cyan-400)}.bg-cyan-500{background-color:var(--color-cyan-500)}.bg-cyan-500\/10{background-color:#00b7d71a}@supports (color:color-mix(in lab, red, red)){.bg-cyan-500\/10{background-color:color-mix(in oklab, var(--color-cyan-500) 10%, transparent)}}.bg-cyan-600{background-color:var(--color-cyan-600)}.bg-emerald-500{background-color:var(--color-emerald-500)}.bg-emerald-500\/20{background-color:#00bb7f33}@supports (color:color-mix(in lab, red, red)){.bg-emerald-500\/20{background-color:color-mix(in oklab, var(--color-emerald-500) 20%, transparent)}}.bg-green-500\/10{background-color:#00c7581a}@supports (color:color-mix(in lab, red, red)){.bg-green-500\/10{background-color:color-mix(in oklab, var(--color-green-500) 10%, transparent)}}.bg-orange-500{background-color:var(--color-orange-500)}.bg-pink-500{background-color:var(--color-pink-500)}.bg-red-500{background-color:var(--color-red-500)}.bg-red-500\/10{background-color:#fb2c361a}@supports (color:color-mix(in lab, red, red)){.bg-red-500\/10{background-color:color-mix(in oklab, var(--color-red-500) 10%, transparent)}}.bg-rose-500{background-color:var(--color-rose-500)}.bg-slate-700{background-color:var(--color-slate-700)}.bg-slate-800{background-color:var(--color-slate-800)}.bg-slate-800\/80{background-color:#1d293dcc}@supports (color:color-mix(in lab, red, red)){.bg-slate-800\/80{background-color:color-mix(in oklab, var(--color-slate-800) 80%, transparent)}}.bg-slate-800\/90{background-color:#1d293de6}@supports (color:color-mix(in lab, red, red)){.bg-slate-800\/90{background-color:color-mix(in oklab, var(--color-slate-800) 90%, transparent)}}.bg-slate-900{background-color:var(--color-slate-900)}.bg-slate-900\/50{background-color:#0f172b80}@supports (color:color-mix(in lab, red, red)){.bg-slate-900\/50{background-color:color-mix(in oklab, var(--color-slate-900) 50%, transparent)}}.bg-slate-900\/80{background-color:#0f172bcc}@supports (color:color-mix(in lab, red, red)){.bg-slate-900\/80{background-color:color-mix(in oklab, var(--color-slate-900) 80%, transparent)}}.bg-slate-900\/90{background-color:#0f172be6}@supports (color:color-mix(in lab, red, red)){.bg-slate-900\/90{background-color:color-mix(in oklab, var(--color-slate-900) 90%, transparent)}}.bg-slate-950{background-color:var(--color-slate-950)}.bg-slate-950\/40{background-color:#02061866}@supports (color:color-mix(in lab, red, red)){.bg-slate-950\/40{background-color:color-mix(in oklab, var(--color-slate-950) 40%, transparent)}}.bg-slate-950\/60{background-color:#02061899}@supports (color:color-mix(in lab, red, red)){.bg-slate-950\/60{background-color:color-mix(in oklab, var(--color-slate-950) 60%, transparent)}}.bg-transparent{background-color:#0000}.bg-violet-500{background-color:var(--color-violet-500)}.bg-white{background-color:var(--color-white)}.bg-yellow-500{background-color:var(--color-yellow-500)}.bg-gradient-to-br{--tw-gradient-position:to bottom right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-tr{--tw-gradient-position:to top right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.from-amber-300{--tw-gradient-from:var(--color-amber-300);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-blue-400{--tw-gradient-from:var(--color-blue-400);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-cyan-500{--tw-gradient-from:var(--color-cyan-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-cyan-500\/20{--tw-gradient-from:#00b7d733}@supports (color:color-mix(in lab, red, red)){.from-cyan-500\/20{--tw-gradient-from:color-mix(in oklab, var(--color-cyan-500) 20%, transparent)}}.from-cyan-500\/20{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-emerald-400{--tw-gradient-from:var(--color-emerald-400);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-emerald-500{--tw-gradient-from:var(--color-emerald-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-purple-400{--tw-gradient-from:var(--color-purple-400);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.via-amber-400{--tw-gradient-via:var(--color-amber-400);--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-blue-500{--tw-gradient-via:var(--color-blue-500);--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-emerald-500{--tw-gradient-via:var(--color-emerald-500);--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-purple-500{--tw-gradient-via:var(--color-purple-500);--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.to-amber-600{--tw-gradient-to:var(--color-amber-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-blue-600{--tw-gradient-to:var(--color-blue-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-blue-600\/20{--tw-gradient-to:#155dfc33}@supports (color:color-mix(in lab, red, red)){.to-blue-600\/20{--tw-gradient-to:color-mix(in oklab, var(--color-blue-600) 20%, transparent)}}.to-blue-600\/20{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-indigo-600{--tw-gradient-to:var(--color-indigo-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-pink-600{--tw-gradient-to:var(--color-pink-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-teal-600{--tw-gradient-to:var(--color-teal-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.p-2{padding:calc(var(--spacing) * 2)}.p-2\.5{padding:calc(var(--spacing) * 2.5)}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.p-5{padding:calc(var(--spacing) * 5)}.p-6{padding:calc(var(--spacing) * 6)}.p-8{padding:calc(var(--spacing) * 8)}.p-10{padding:calc(var(--spacing) * 10)}.p-20{padding:calc(var(--spacing) * 20)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.px-6{padding-inline:calc(var(--spacing) * 6)}.px-8{padding-inline:calc(var(--spacing) * 8)}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-5{padding-block:calc(var(--spacing) * 5)}.py-10{padding-block:calc(var(--spacing) * 10)}.pt-3{padding-top:calc(var(--spacing) * 3)}.pt-4{padding-top:calc(var(--spacing) * 4)}.pr-2{padding-right:calc(var(--spacing) * 2)}.pb-5{padding-bottom:calc(var(--spacing) * 5)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-mono{font-family:var(--font-mono)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.leading-7{--tw-leading:calc(var(--spacing) * 7);line-height:calc(var(--spacing) * 7)}.leading-8{--tw-leading:calc(var(--spacing) * 8);line-height:calc(var(--spacing) * 8)}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-extrabold{--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.whitespace-pre-wrap{white-space:pre-wrap}.text-amber-400{color:var(--color-amber-400)}.text-black{color:var(--color-black)}.text-blue-200{color:var(--color-blue-200)}.text-blue-400{color:var(--color-blue-400)}.text-cyan-400{color:var(--color-cyan-400)}.text-emerald-400{color:var(--color-emerald-400)}.text-green-300{color:var(--color-green-300)}.text-green-400{color:var(--color-green-400)}.text-purple-400{color:var(--color-purple-400)}.text-red-300{color:var(--color-red-300)}.text-red-400{color:var(--color-red-400)}.text-slate-100{color:var(--color-slate-100)}.text-slate-200{color:var(--color-slate-200)}.text-slate-300{color:var(--color-slate-300)}.text-slate-400{color:var(--color-slate-400)}.text-slate-500{color:var(--color-slate-500)}.text-white{color:var(--color-white)}.text-yellow-400{color:var(--color-yellow-400)}.capitalize{text-transform:capitalize}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.italic{font-style:italic}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.line-through{text-decoration-line:line-through}.underline{text-decoration-line:underline}.placeholder-slate-500::placeholder{color:var(--color-slate-500)}.opacity-20{opacity:.2}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.shadow-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring-8{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(8px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-black\/20{--tw-shadow-color:#0003}@supports (color:color-mix(in lab, red, red)){.shadow-black\/20{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-black) 20%, transparent) var(--tw-shadow-alpha), transparent)}}.shadow-blue-600\/10{--tw-shadow-color:#155dfc1a}@supports (color:color-mix(in lab, red, red)){.shadow-blue-600\/10{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-blue-600) 10%, transparent) var(--tw-shadow-alpha), transparent)}}.shadow-cyan-500\/20{--tw-shadow-color:#00b7d733}@supports (color:color-mix(in lab, red, red)){.shadow-cyan-500\/20{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-cyan-500) 20%, transparent) var(--tw-shadow-alpha), transparent)}}.shadow-emerald-500\/20{--tw-shadow-color:#00bb7f33}@supports (color:color-mix(in lab, red, red)){.shadow-emerald-500\/20{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-emerald-500) 20%, transparent) var(--tw-shadow-alpha), transparent)}}.ring-blue-400\/40{--tw-ring-color:#54a2ff66}@supports (color:color-mix(in lab, red, red)){.ring-blue-400\/40{--tw-ring-color:color-mix(in oklab, var(--color-blue-400) 40%, transparent)}}.ring-cyan-400\/40{--tw-ring-color:#00d2ef66}@supports (color:color-mix(in lab, red, red)){.ring-cyan-400\/40{--tw-ring-color:color-mix(in oklab, var(--color-cyan-400) 40%, transparent)}}.ring-red-400\/50{--tw-ring-color:#ff656880}@supports (color:color-mix(in lab, red, red)){.ring-red-400\/50{--tw-ring-color:color-mix(in oklab, var(--color-red-400) 50%, transparent)}}.ring-violet-400\/40{--tw-ring-color:#a685ff66}@supports (color:color-mix(in lab, red, red)){.ring-violet-400\/40{--tw-ring-color:color-mix(in oklab, var(--color-violet-400) 40%, transparent)}}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.invert{--tw-invert:invert(100%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.backdrop-blur-md{--tw-backdrop-blur:blur(var(--blur-md));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.duration-500{--tw-duration:.5s;transition-duration:.5s}.duration-700{--tw-duration:.7s;transition-duration:.7s}.outline-none{--tw-outline-style:none;outline-style:none}.placeholder\:text-slate-500::placeholder{color:var(--color-slate-500)}@media (hover:hover){.hover\:-translate-y-1:hover{--tw-translate-y:calc(var(--spacing) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.hover\:scale-\[1\.02\]:hover{scale:1.02}.hover\:border-cyan-500:hover{border-color:var(--color-cyan-500)}.hover\:bg-cyan-400:hover{background-color:var(--color-cyan-400)}.hover\:bg-rose-500\/20:hover{background-color:#ff235733}@supports (color:color-mix(in lab, red, red)){.hover\:bg-rose-500\/20:hover{background-color:color-mix(in oklab, var(--color-rose-500) 20%, transparent)}}.hover\:bg-slate-700:hover{background-color:var(--color-slate-700)}.hover\:bg-slate-800:hover{background-color:var(--color-slate-800)}.hover\:from-cyan-400:hover{--tw-gradient-from:var(--color-cyan-400);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.hover\:from-emerald-400:hover{--tw-gradient-from:var(--color-emerald-400);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.hover\:to-blue-500:hover{--tw-gradient-to:var(--color-blue-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.hover\:to-teal-500:hover{--tw-gradient-to:var(--color-teal-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.hover\:text-cyan-300:hover{color:var(--color-cyan-300)}.hover\:text-rose-400:hover{color:var(--color-rose-400)}.hover\:text-white:hover{color:var(--color-white)}}.focus\:border-cyan-500:focus{border-color:var(--color-cyan-500)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:bg-slate-700:disabled{background-color:var(--color-slate-700)}.disabled\:text-slate-400:disabled{color:var(--color-slate-400)}.disabled\:opacity-50:disabled{opacity:.5}@media (width>=48rem){.md\:w-80{width:calc(var(--spacing) * 80)}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:items-center{align-items:center}.md\:justify-between{justify-content:space-between}.md\:border-t-0{border-top-style:var(--tw-border-style);border-top-width:0}.md\:border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.md\:p-6{padding:calc(var(--spacing) * 6)}}@media (width>=80rem){.xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}}:root,[data-theme=light],[data-theme=dark]{--bg:#f8fafc;--surface:#fff;--surface-2:#f1f5f9;--card:#fff;--card-sub:#f8fafc;--card-hover:#f1f5f9;--text:#0f172a;--text-secondary:#475569;--text-muted:#64748b;--border:#cbd5e1;--border-light:#e2e8f0;--primary:#2563eb;--primary-dark:#1d4ed8;--secondary:#06b6d4;--success:#22c55e;--danger:#ef4444;--warning:#f59e0b;--shadow:0 20px 60px #0f172a14;--radius:24px}*{box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0;font-family:Inter,Plus Jakarta Sans,system-ui,-apple-system,sans-serif}html,body{-webkit-text-size-adjust:100%;max-width:100vw;overflow-x:hidden}body{text-rendering:optimizelegibility;min-height:100vh;padding-bottom:90px;transition:background .35s,color .35s;background:var(--bg)!important;color:var(--text)!important}*,:before,:after{min-width:0}body,#root,main,.page-wrapper,.kn-page,.dashboard-container,.ai-page,.insights-container,.pricing-page,.profile-page{background-color:var(--bg)!important;color:var(--text)!important}h1:not([class*=gradient]),h2:not([class*=gradient]),h3:not([class*=gradient]),h4:not([class*=gradient]),h5:not([class*=gradient]),h6:not([class*=gradient]){color:#0f172a}p:not([class*=btn]):not([class*=badge]),label,li{color:#334155}.text-muted,.text-secondary,.subtext,.desc{color:#64748b}.card,.dashboard-card,.test-card,.stat-card,.insight-card,.help-card,.quick-card,.activity-card,.hero-progress-card,.hero-stat-card,.st-card,.pr-faq-card{color:#0f172a!important;background:#fff!important;border-color:#cbd5e1!important;box-shadow:0 4px 20px #0f172a0d!important}input,textarea,select{color:#0f172a!important;background-color:#fff!important;border-color:#cbd5e1!important}table,tr,td,th{border-color:var(--border);color:var(--text)}button,.btn,[class*=btn-primary],[class*=btn-secondary],[class*=badge],[class*=pill],[class*=tag]{color:inherit}[data-theme=dark] .kn-navbar{color:#f8fafc!important;background:#0f172a!important;border-bottom:1px solid #1e293b!important;box-shadow:0 10px 30px #0006!important}[data-theme=dark] .kn-navbar.scrolled{background:#0f172a!important;border-bottom:1px solid #334155!important;box-shadow:0 14px 40px #0009!important}[data-theme=dark] .kn-navbar .kn-logo-text span{color:#fff!important}[data-theme=dark] .kn-navbar .kn-logo-text small{color:#94a3b8!important}[data-theme=dark] .kn-navbar .kn-nav-link{color:#cbd5e1!important}[data-theme=dark] .kn-navbar .kn-nav-link:hover{color:#fff!important;background:#ffffff1a!important}[data-theme=dark] .kn-navbar .kn-nav-link.active{color:#fff!important}[data-theme=dark] .kn-navbar .kn-icon-btn{color:#f8fafc!important;background:#1e293b!important;border-color:#334155!important}[data-theme=dark] .kn-navbar .kn-icon-btn:hover{color:#38bdf8!important;background:#334155!important}[data-theme=dark] .kn-navbar .kn-dropdown-menu,[data-theme=dark] .kn-navbar .kn-mobile-menu{color:#f8fafc!important;background:#0f172a!important;border-color:#1e293b!important;box-shadow:0 20px 50px #0009!important}[data-theme=dark] .kn-navbar .kn-dropdown-item{color:#cbd5e1!important}[data-theme=dark] .kn-navbar .kn-dropdown-item:hover,[data-theme=dark] .kn-navbar .kn-dropdown-item.active{color:#38bdf8!important;background:#1e293b!important}[data-theme=dark] .kn-navbar .kn-user-pill{color:#fff!important;background:#1e293b!important;border-color:#334155!important}a{color:inherit;text-decoration:none}button,input,select,textarea{touch-action:manipulation;font-family:inherit}button{cursor:pointer;border:none;transition:transform .25s,opacity .25s,background .25s}button:hover{opacity:.96;transform:translateY(-2px)}.container{max-width:1200px;margin:auto;padding:40px 20px}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:30px;transition:transform .3s,box-shadow .3s,background .3s}.card:hover{transform:translateY(-6px)}.primary-btn{background:var(--primary);color:#fff;border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:14px 24px;font-weight:700;display:inline-flex}.primary-btn:hover{background:var(--primary-dark)}.secondary-btn{background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:14px 24px;font-weight:700;display:inline-flex}.section-title{margin-bottom:15px;font-size:clamp(24px,5vw,42px);font-weight:800}.section-subtitle{color:var(--text-secondary);margin-bottom:30px;line-height:1.8}.grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;display:grid}.input{border:1px solid var(--border);background:var(--card);width:100%;color:var(--text);border-radius:14px;outline:none;padding:14px;transition:border .25s,background .25s}.input:focus{border-color:var(--primary)}.badge{color:var(--primary);background:#2563eb1f;border-radius:999px;padding:8px 14px;font-size:14px;font-weight:700;display:inline-block}@media (width<=768px){.container{padding:24px 16px}.card{border-radius:20px;padding:20px}.primary-btn,.secondary-btn{width:100%;min-height:48px;font-size:14px}.grid{grid-template-columns:1fr;gap:16px}}@media (width<=480px){.container{padding:16px 12px}.card{border-radius:16px;padding:16px}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@keyframes ping{75%,to{opacity:0;transform:scale(2)}}:root{--pr-blue:#2563eb;--pr-blue-dark:#1d4ed8;--pr-purple:#7c3aed;--pr-green:#16a34a;--pr-amber:#f59e0b;--pr-text:#0f172a;--pr-muted:#64748b;--pr-bg:#f8fafc;--pr-card:#fff;--pr-border:#e2e8f0;--pr-radius:28px;--pr-trans:.35s ease;--pr-shadow:0 20px 60px #0f172a12;--pr-shadow-h:0 30px 80px #2563eb2e}.pricing-page{background:var(--pr-bg);min-height:100vh;color:var(--pr-text);position:relative;overflow-x:hidden}.pr-section-label{color:var(--pr-blue);letter-spacing:.8px;text-transform:uppercase;background:#2563eb14;border-radius:999px;margin-bottom:18px;padding:8px 18px;font-size:13px;font-weight:700;display:inline-block}.pr-section-title{letter-spacing:-2px;margin-bottom:18px;font-size:52px;font-weight:900;line-height:1.08}.pr-section-sub{color:var(--pr-muted);max-width:660px;margin:0 auto 60px;font-size:20px;line-height:1.8}.pr-hero{z-index:2;text-align:center;padding:130px 20px 100px;position:relative}.pr-hero-inner{max-width:1100px;margin:auto}.pr-hero-pill{border:1px solid var(--pr-border);color:var(--pr-blue);background:#fff;border-radius:999px;align-items:center;gap:10px;margin-bottom:36px;padding:12px 22px;font-size:14px;font-weight:700;display:inline-flex;box-shadow:0 4px 20px #2563eb1a}.pr-hero-title{letter-spacing:-3px;max-width:950px;margin:0 auto 32px;font-size:76px;font-weight:900;line-height:1.04}.pr-hero-title span{background:linear-gradient(135deg, var(--pr-blue), var(--pr-purple));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.pr-hero-sub{max-width:760px;color:var(--pr-muted);margin:0 auto 52px;font-size:22px;line-height:1.8}.pr-hero-actions{flex-wrap:wrap;justify-content:center;gap:18px;margin-bottom:48px;display:flex}.pr-btn-primary{background:linear-gradient(135deg, var(--pr-blue), var(--pr-blue-dark));color:#fff;cursor:pointer;transition:var(--pr-trans);border:none;border-radius:18px;padding:18px 40px;font-size:17px;font-weight:700;box-shadow:0 18px 45px #2563eb4d}.pr-btn-primary:hover{transform:translateY(-4px);box-shadow:0 25px 60px #2563eb61}.pr-btn-secondary{border:1.5px solid var(--pr-border);cursor:pointer;transition:var(--pr-trans);background:#fff;border-radius:18px;padding:18px 40px;font-size:17px;font-weight:700}.pr-btn-secondary:hover{border-color:var(--pr-blue);transform:translateY(-3px)}.pr-hero-rating{color:var(--pr-muted);flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;font-size:16px;display:flex}.pr-stars{color:var(--pr-amber);font-size:20px}.pr-stats{z-index:2;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px;max-width:1200px;margin:0 auto 100px;padding:0 20px;display:grid;position:relative}.pr-stat-card{text-align:center;box-shadow:var(--pr-shadow);border:1px solid var(--pr-border);transition:var(--pr-trans);background:#fff;border-radius:24px;padding:36px 28px}.pr-stat-card:hover{box-shadow:var(--pr-shadow-h);transform:translateY(-8px)}.pr-stat-card h2{color:var(--pr-blue);margin-bottom:10px;font-size:50px;font-weight:900}.pr-stat-card p{color:var(--pr-muted);font-size:15px}.pr-active-banner{z-index:2;max-width:1200px;margin:0 auto 40px;padding:0 20px;position:relative}.pr-active-banner-inner{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border:1.5px solid #86efac;border-radius:20px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding:22px 30px;display:flex}.pr-active-banner-left{align-items:center;gap:18px;display:flex}.pr-active-crown{font-size:32px}.pr-active-banner-left strong{color:#15803d;font-size:18px;font-weight:800;display:block}.pr-active-banner-left p{color:#166534;margin-top:3px;font-size:14px}.pr-banner-btn{color:#fff;cursor:pointer;transition:var(--pr-trans);white-space:nowrap;background:#16a34a;border:none;border-radius:14px;padding:12px 24px;font-size:14px;font-weight:700}.pr-banner-btn:hover{background:#15803d;transform:translateY(-2px)}.pr-plans-section{z-index:2;text-align:center;max-width:1280px;margin:0 auto 120px;padding:0 20px;position:relative}.pr-plans-grid{grid-template-columns:repeat(auto-fit,minmax(340px,1fr));align-items:stretch;gap:34px;margin:10px 0 28px;display:grid}.pr-plans-footnote{color:var(--pr-muted);margin-top:10px;font-size:14px}.pricing-card{background:var(--pr-card);border-radius:var(--pr-radius);border:1.5px solid var(--pr-border);box-shadow:var(--pr-shadow);isolation:isolate;flex-direction:column;padding:44px;transition:all .4s;display:flex;position:relative;overflow:hidden}.pricing-card:before{content:"";opacity:0;z-index:-1;background:radial-gradient(circle at top,#2563eb12,#0000 60%);transition:all .45s;position:absolute;inset:0}.pricing-card:hover:before{opacity:1}.pricing-card:after{content:"";background:linear-gradient(90deg, var(--pr-blue), var(--pr-purple), #06b6d4);transform-origin:0;width:100%;height:4px;transition:all .45s;position:absolute;top:0;left:0;transform:scaleX(0)}.pricing-card:hover:after{transform:scaleX(1)}.pricing-card:hover{box-shadow:var(--pr-shadow-h);transform:translateY(-12px)}.pricing-card.popular{border:2px solid var(--pr-blue);background:linear-gradient(#fff,#f8fbff);transform:scale(1.04)}.pricing-card.popular:hover{transform:scale(1.055)translateY(-10px)}.pricing-card.popular:after{transform:scaleX(1)}.pricing-card.current-plan{border:2px solid var(--pr-green)}.pricing-card.current-plan:after{background:linear-gradient(90deg,#22c55e,#16a34a);transform:scaleX(1)}.popular-badge{text-align:center;background:linear-gradient(135deg, var(--pr-blue), var(--pr-purple));color:#fff;letter-spacing:1px;width:210px;padding:9px;font-size:11px;font-weight:800;position:absolute;top:24px;right:-54px;transform:rotate(40deg)}.active-badge{color:#15803d;background:#dcfce7;border-radius:999px;align-items:center;gap:7px;padding:8px 16px;font-size:13px;font-weight:700;display:flex;position:absolute;top:20px;left:20px}.active-dot{background:#16a34a;border-radius:50%;width:8px;height:8px;animation:1.6s infinite pulse-dot}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.4)}}.card-header{margin-top:42px;margin-bottom:4px}.card-header h2{letter-spacing:-1px;font-size:32px;font-weight:800}.save-badge{color:#15803d;background:#ecfdf5;border-radius:999px;align-items:center;gap:6px;margin-top:10px;padding:7px 14px;font-size:13px;font-weight:700;display:inline-flex}.price-section{align-items:flex-end;gap:6px;margin:30px 0 8px;display:flex}.currency{margin-bottom:10px;font-size:30px;font-weight:700}.price{letter-spacing:-4px;font-size:80px;font-weight:900;line-height:.88;transition:all .35s}.pricing-card:hover .price{color:var(--pr-blue)}.period{color:var(--pr-muted);margin-bottom:12px;font-size:17px}.expiry{color:var(--pr-blue);align-items:center;gap:8px;margin-bottom:20px;font-size:14px;font-weight:600;display:flex}.feature-list{flex:1;margin:16px 0 0;padding:0;list-style:none}.feature-item{color:#334155;border-bottom:1px solid #f1f5f9;align-items:flex-start;gap:14px;padding:11px 0;font-size:15.5px;transition:all .25s;display:flex}.feature-item:last-child{border-bottom:none}.feature-item:hover{color:var(--pr-text);transform:translate(5px)}.tick{min-width:26px;height:26px;color:var(--pr-blue);background:linear-gradient(135deg,#2563eb1f,#7c3aed14);border-radius:50%;justify-content:center;align-items:center;font-size:13px;font-weight:800;transition:all .45s;display:flex}.pricing-card:hover .tick{background:linear-gradient(135deg, var(--pr-blue), var(--pr-purple));color:#fff}.pricing-btn{cursor:pointer;border:none;border-radius:16px;width:100%;margin-top:36px;padding:17px;font-size:16px;font-weight:700;transition:all .35s;position:relative;overflow:hidden}.pricing-btn.primary{background:linear-gradient(135deg, var(--pr-blue), var(--pr-blue-dark));color:#fff;box-shadow:0 14px 35px #2563eb40}.pricing-btn.primary:hover{transform:translateY(-3px);box-shadow:0 20px 45px #2563eb52}.pricing-btn.primary:before{content:"";background:linear-gradient(90deg,#0000,#ffffff4d,#0000);width:60%;height:100%;position:absolute;top:0;left:-120%;transform:skew(-22deg)}.pricing-btn.primary:hover:before{animation:.8s linear pr-shine}@keyframes pr-shine{0%{left:-120%}to{left:180%}}.pricing-btn.secondary{color:var(--pr-text);background:#f1f5f9}.pricing-btn.secondary:hover{background:#e2e8f0}.pricing-btn.active-btn{color:#15803d;cursor:default;box-shadow:none;background:linear-gradient(135deg,#dcfce7,#bbf7d0)}.pricing-btn:disabled{opacity:.85;cursor:not-allowed;transform:none!important}.secure-text{color:#94a3b8;justify-content:center;gap:6px;margin-top:14px;font-size:12px;display:flex}.pricing-card.popular .pricing-btn{font-size:17px}.pricing-card.popular .price{color:var(--pr-blue)}.pr-benefits{z-index:2;text-align:center;max-width:1280px;margin:0 auto 120px;padding:0 20px;position:relative}.pr-benefit-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:28px;margin-top:20px;display:grid}.pr-benefit-card{border:1px solid var(--pr-border);text-align:left;box-shadow:var(--pr-shadow);transition:var(--pr-trans);background:#fff;border-radius:24px;padding:40px 34px}.pr-benefit-card:hover{box-shadow:var(--pr-shadow-h);transform:translateY(-8px)}.pr-benefit-icon{margin-bottom:20px;font-size:40px}.pr-benefit-card h3{margin-bottom:12px;font-size:20px;font-weight:800}.pr-benefit-card p{color:var(--pr-muted);font-size:15px;line-height:1.7}.pr-trust{z-index:2;background:linear-gradient(135deg, var(--pr-blue), var(--pr-blue-dark), #4338ca);margin-bottom:120px;padding:80px 20px;position:relative}.pr-trust-inner{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:28px;max-width:1100px;margin:auto;display:grid}.pr-trust-card{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:var(--pr-trans);background:#ffffff1a;border:1px solid #ffffff26;border-radius:22px;padding:36px 28px}.pr-trust-card:hover{background:#ffffff29;transform:translateY(-6px)}.pr-trust-icon{margin-bottom:18px;font-size:38px}.pr-trust-card h3{margin-bottom:10px;font-size:20px;font-weight:800}.pr-trust-card p{opacity:.88;font-size:15px;line-height:1.7}.pr-compare{z-index:2;text-align:center;max-width:1100px;margin:0 auto 120px;padding:0 20px;position:relative}.pr-compare-table{box-shadow:var(--pr-shadow);border:1px solid var(--pr-border);background:#fff;border-radius:24px;margin-top:20px;overflow:auto hidden}.pr-compare-row{grid-template-columns:2fr 1fr 1fr;min-width:600px;display:grid}.pr-compare-row>div{text-align:left;border-bottom:1px solid #f1f5f9;padding:20px 24px;font-size:15px}.pr-compare-row>div:nth-child(2),.pr-compare-row>div:nth-child(3){text-align:center}.pr-compare-head{background:linear-gradient(135deg, var(--pr-blue), var(--pr-blue-dark));color:#fff;font-size:15px;font-weight:800}.pr-compare-head>div{border-bottom:none}.pr-compare-even{background:#f8fbff}.pr-compare-row:hover:not(.pr-compare-head){background:#f0f7ff}.pr-yes{color:var(--pr-green);font-weight:700}.pr-no{color:#cbd5e1;font-weight:500}.pr-faq{z-index:2;text-align:center;max-width:1100px;margin:0 auto 120px;padding:0 20px;position:relative}.pr-faq-grid{text-align:left;grid-template-columns:repeat(auto-fit,minmax(440px,1fr));gap:22px;margin-top:20px;display:grid}.pr-faq-card{border:1px solid var(--pr-border);box-shadow:var(--pr-shadow);transition:var(--pr-trans);background:#fff;border-radius:20px;padding:30px 28px}.pr-faq-card:hover{box-shadow:var(--pr-shadow-h);transform:translateY(-4px)}.pr-faq-card h3{color:var(--pr-text);margin-bottom:12px;font-size:17px;font-weight:800}.pr-faq-card p{color:var(--pr-muted);font-size:15px;line-height:1.7}.pr-final-cta{z-index:2;max-width:1200px;margin:0 auto 120px;padding:0 20px;position:relative}.pr-cta-card{text-align:center;background:linear-gradient(135deg, var(--pr-blue), var(--pr-blue-dark), #4338ca);color:#fff;border-radius:36px;padding:90px 50px;position:relative;overflow:hidden;box-shadow:0 40px 80px #2563eb52}.pr-cta-card:before{content:"";background:#ffffff12;border-radius:50%;width:600px;height:600px;position:absolute;top:-260px;right:-180px}.pr-cta-card:after{content:"";background:#ffffff0d;border-radius:50%;width:450px;height:450px;position:absolute;bottom:-220px;left:-120px}.pr-cta-badge{z-index:2;background:#ffffff24;border:1px solid #fff3;border-radius:999px;margin-bottom:28px;padding:10px 22px;font-size:14px;font-weight:700;display:inline-block;position:relative}.pr-cta-card h2{z-index:2;letter-spacing:-2px;margin-bottom:24px;font-size:60px;font-weight:900;line-height:1.1;position:relative}.pr-cta-card h2 span{color:#fde047}.pr-cta-card p{z-index:2;opacity:.94;max-width:760px;margin:0 auto;font-size:20px;line-height:1.8;position:relative}.pr-cta-btn{z-index:2;color:var(--pr-blue);cursor:pointer;transition:var(--pr-trans);background:#fff;border:none;border-radius:18px;margin-top:48px;padding:20px 46px;font-size:18px;font-weight:800;display:inline-block;position:relative}.pr-cta-btn:hover{transform:translateY(-4px);box-shadow:0 20px 50px #ffffff38}.pr-cta-trust{z-index:2;opacity:.9;flex-wrap:wrap;justify-content:center;gap:36px;margin-top:40px;font-size:15px;font-weight:600;display:flex;position:relative}.pr-mobile-sticky{display:none}@media (width<=768px){.pr-mobile-sticky{z-index:999;display:flex;position:fixed;bottom:20px;left:16px;right:16px}.pr-mobile-sticky button{background:linear-gradient(135deg, var(--pr-blue), var(--pr-blue-dark));color:#fff;cursor:pointer;border:none;border-radius:18px;width:100%;padding:18px;font-size:17px;font-weight:700;box-shadow:0 20px 40px #2563eb59}}.pr-footer{z-index:2;max-width:1200px;color:var(--pr-muted);border-top:1px solid var(--pr-border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin:auto;padding:50px 20px;font-size:14px;display:flex;position:relative}.pr-footer a{color:var(--pr-muted);transition:var(--pr-trans);margin-left:24px;text-decoration:none}.pr-footer a:hover{color:var(--pr-blue)}@media (width<=1024px){.pr-hero-title{letter-spacing:-2px;font-size:58px}.pr-section-title{font-size:42px}.pricing-card.popular{transform:none}.pricing-card.popular:hover{transform:translateY(-10px)}}@media (width<=768px){.pr-hero{padding:90px 20px 70px}.pr-hero-title{letter-spacing:-1.5px;font-size:44px}.pr-hero-sub{font-size:18px}.pr-section-title{letter-spacing:-1px;font-size:34px}.pr-plans-grid{grid-template-columns:1fr;max-width:520px;margin:10px auto 28px}.pr-faq-grid{grid-template-columns:1fr}.pr-cta-card{padding:56px 24px}.pr-cta-card h2{font-size:38px}.pr-active-banner-inner{flex-direction:column;align-items:flex-start}}@media (width<=540px){.pr-hero{padding:70px 16px 50px}.pr-hero-title{letter-spacing:-1px;font-size:34px}.pr-hero-pill{padding:10px 16px;font-size:12px}.pr-hero-sub{font-size:16px}.pr-hero-actions{flex-direction:column}.pr-btn-primary,.pr-btn-secondary{width:100%;padding:16px 24px;font-size:15px}.pricing-card{padding:28px 22px}.card-header h2{font-size:26px}.price{letter-spacing:-3px;font-size:64px}.pr-section-title{font-size:28px}.pr-section-sub{font-size:16px}.pr-cta-card h2{font-size:28px}.pr-trust{padding:50px 16px}.pr-footer{text-align:center;flex-direction:column}.pr-footer a{margin:0 10px}}[data-theme=dark]{--pr-text:#f8fafc;--pr-muted:#94a3b8;--pr-bg:#0b0f19;--pr-card:#151c2c;--pr-border:#26334d;--pr-shadow:0 25px 70px #000000a6}[data-theme=dark] .pr-hero-pill{background:var(--pr-card);border-color:var(--pr-border);color:#60a5fa}[data-theme=dark] .pricing-card{background:var(--pr-card);border-color:var(--pr-border);color:var(--pr-text)}[data-theme=dark] .pricing-card.popular{border-color:#3b82f6;box-shadow:0 20px 60px #3b82f640}[data-theme=dark] .feature-item{color:var(--pr-text)}[data-theme=dark] .feature-item.dim{color:var(--pr-muted)}[data-theme=dark] .pr-faq-card{background:var(--pr-card);border-color:var(--pr-border)}[data-theme=dark] .pr-btn-secondary{background:var(--pr-card);border-color:var(--pr-border);color:var(--pr-text)}[data-theme=dark] .pr-active-banner{background:#2563eb26;border-color:#2563eb4d}.pricing-card-neat{background:var(--card,#fff);border:1.5px solid var(--border,#e2e8f0);border-radius:24px;flex-direction:column;padding:32px 28px;transition:transform .3s,box-shadow .3s,border-color .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 30px #0000000d}.pricing-card-neat:hover{transform:translateY(-8px);box-shadow:0 20px 45px #2563eb1f}.pricing-card-neat.popular{background:linear-gradient(#fff 0%,#f0f7ff 100%);border:2px solid #2563eb;box-shadow:0 14px 40px #2563eb29}.pricing-card-neat.lifetime{background:linear-gradient(#fff 0%,#fdf2f8 100%);border:2px solid #ec4899}.pricing-card-neat.active{border:2px solid #22c55e}.card-top-bar{align-items:center;min-height:28px;margin-bottom:12px;display:flex}.badge-active{color:#15803d;letter-spacing:.3px;background:#dcfce7;border-radius:999px;padding:4px 12px;font-size:12px;font-weight:800}.badge-popular{color:#fff;letter-spacing:.8px;text-transform:uppercase;background:linear-gradient(135deg,#2563eb,#7c3aed);border-radius:999px;padding:4px 14px;font-size:11px;font-weight:900}.badge-lifetime{color:#fff;letter-spacing:.8px;text-transform:uppercase;background:linear-gradient(135deg,#ec4899,#8b5cf6);border-radius:999px;padding:4px 14px;font-size:11px;font-weight:900}.card-header-clean{margin-bottom:14px}.card-title-clean{color:var(--text,#0f172a);letter-spacing:-.5px;margin:0 0 6px;font-size:26px;font-weight:900}.badge-offer{color:#15803d;background:#dcfce7;border:1px solid #86efac;border-radius:8px;margin-top:4px;padding:4px 10px;font-size:11px;font-weight:800;display:inline-block}.price-box-clean{margin:14px 0 18px}.price-free-text{color:var(--text,#0f172a);font-size:44px;font-weight:900;line-height:1}.price-row-clean{flex-wrap:wrap;align-items:baseline;gap:4px;display:flex}.price-currency{color:var(--text,#0f172a);font-size:24px;font-weight:800}.price-num{color:var(--text,#0f172a);letter-spacing:-1.5px;font-size:48px;font-weight:900;line-height:1}.price-sub-info{flex-direction:column;justify-content:center;margin-left:6px;display:flex}.price-strike{color:#94a3b8;font-size:15px;font-weight:700;line-height:1.1;text-decoration:line-through}.price-period{color:#64748b;font-size:13px;font-weight:700;line-height:1.1}.expiry-tag{color:#2563eb;background:#2563eb14;border-radius:10px;margin-bottom:16px;padding:8px 12px;font-size:13px;font-weight:700}.trial-box-clean{color:#fff;text-align:center;background:linear-gradient(135deg,#10b981,#059669);border-radius:14px;margin-bottom:18px;padding:12px 16px;font-size:13px;font-weight:800;box-shadow:0 4px 14px #10b98140}.trial-box-sub{opacity:.92;margin-top:3px;font-size:11px;font-weight:600}.features-list-clean{flex:1;margin:0 0 24px;padding:0;list-style:none}.feature-row{border-bottom:1px dashed #e2e8f0b3;align-items:flex-start;gap:10px;padding:8px 0;display:flex}.feature-row:last-child{border-bottom:none}.tick-circle{color:#2563eb;background:#2563eb1a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;margin-top:2px;font-size:12px;font-weight:900;display:flex}.feature-text{color:var(--text-secondary,#475569);font-size:14px;font-weight:500;line-height:1.45}.card-actions{margin-top:auto}.btn-trial{color:#fff;cursor:pointer;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:12px;width:100%;margin-bottom:8px;padding:12px;font-size:14px;font-weight:800;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 14px #10b9814d}.btn-trial:hover{transform:translateY(-2px);box-shadow:0 6px 18px #10b98166}.btn-main{cursor:pointer;border:none;border-radius:14px;width:100%;padding:14px;font-size:15px;font-weight:800;transition:transform .2s,box-shadow .2s,background .2s}.btn-main.primary{color:#fff;background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 8px 24px #2563eb40}.btn-main.primary:hover{transform:translateY(-2px);box-shadow:0 12px 30px #2563eb59}.btn-main.secondary{color:#0f172a;background:#f1f5f9}.btn-main.active{color:#15803d;cursor:default;background:#dcfce7}.btn-main:disabled{opacity:.7;cursor:not-allowed}.secure-footnote{color:#94a3b8;text-align:center;margin:10px 0 0;font-size:11px;font-weight:600}.referral-box-clean{color:#fff;text-align:center;background:linear-gradient(135deg,#0284c7,#2563eb);border-radius:22px;max-width:720px;margin:0 auto 32px;padding:24px 28px;box-shadow:0 12px 30px #0284c747}.referral-title{letter-spacing:.5px;text-transform:uppercase;margin-bottom:6px;font-size:15px;font-weight:900}.referral-subtitle{opacity:.95;margin:4px 0 16px;font-size:14px}.referral-form{flex-wrap:wrap;gap:10px;max-width:460px;margin:0 auto;display:flex}.referral-form input{color:#0f172a;text-transform:uppercase;border:none;border-radius:14px;outline:none;flex:1;min-width:200px;padding:12px 16px;font-size:14px;font-weight:700}.referral-form button{color:#0284c7;cursor:pointer;white-space:nowrap;background:#fff;border:none;border-radius:14px;padding:12px 20px;font-size:14px;font-weight:800;transition:transform .2s,background .2s;box-shadow:0 4px 12px #00000026}.referral-form button:hover{transform:translateY(-2px)}.referral-success{color:#4ade80;margin-top:12px;font-size:13px;font-weight:800}.pwa-banner-clean{background:var(--card,#fff);border:1px solid var(--border,#e2e8f0);border-radius:20px;justify-content:space-between;align-items:center;gap:16px;max-width:720px;margin:0 auto 40px;padding:18px 24px;display:flex;box-shadow:0 4px 20px #0000000a}.pwa-left{align-items:center;gap:14px;display:flex}.pwa-icon{background:#2563eb1a;border-radius:14px;justify-content:center;align-items:center;width:42px;height:42px;font-size:22px;display:flex}.pwa-title{color:var(--text,#0f172a);font-size:15px;font-weight:800}.pwa-sub{color:var(--text-secondary,#64748b);font-size:12px}.pwa-banner-clean button{color:#fff;cursor:pointer;white-space:nowrap;background:#2563eb;border:none;border-radius:12px;padding:10px 18px;font-size:13px;font-weight:800}.pr-grid-neat{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px;margin-bottom:32px;display:grid}.matrix-table-wrapper{border:1px solid var(--border,#e2e8f0);background:var(--card,#fff);border-radius:24px;width:100%;margin-top:24px;overflow-x:auto;box-shadow:0 10px 35px #0000000d}.matrix-table{border-collapse:collapse;text-align:left;width:100%;min-width:720px}.matrix-table th{border-bottom:2px solid var(--border,#e2e8f0);color:#0f172a;background:#f8fafc;padding:18px 20px;font-size:14px;font-weight:800}.th-feature{width:32%}.th-tier{text-align:center;width:17%}.th-tier.highlight{color:#2563eb;background:#eff6ff}.th-tier.vip{color:#ec4899;background:#fdf2f8}.matrix-table td{border-bottom:1px solid var(--border,#f1f5f9);color:#334155;padding:16px 20px;font-size:14px}.row-even{background:#f8fafc80}.matrix-table tr:hover{background:#2563eb0a}.td-feature{color:var(--text,#0f172a);font-weight:700}.td-val{text-align:center;font-weight:700}.td-val.free{color:#64748b}.td-val.highlight{color:#2563eb;background:#eff6ff66}.td-val.vip{color:#d946ef;background:#fdf2f866}