@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Sora:wght@400;500;600;700;800&display=swap";:root{--color-primary:#00e5ff;--color-secondary:#7c3aed;--color-accent:#5eead4;--color-success:#22c55e;--color-warning:#facc15;--color-danger:#ef4444;--bg:#050816;--bg-surface:#121826b8;--bg-surface-alt:#181f30d1;--bg-card:#ffffff0a;--bg-glass:#ffffff0f;--bg-glass-hover:#ffffff17;--bg-input:#ffffff0d;--bg-overlay:#000000a6;--text-primary:#f8fafc;--text-secondary:#cbd5e1;--text-muted:#94a3b8;--text-disabled:#475569;--border-color:#ffffff14;--border-light:#ffffff1f;--border-focus:var(--color-primary);--gradient-primary:linear-gradient(135deg, var(--color-primary), var(--color-secondary));--gradient-success:linear-gradient(135deg, #22c55e, #16a34a);--gradient-danger:linear-gradient(135deg, #ef4444, #b91c1c);--gradient-warning:linear-gradient(135deg, #facc15, #d97706);--gradient-surface:linear-gradient(145deg, #ffffff14, #ffffff08);--gradient-hero:radial-gradient(circle at 60% 40%, #00e5ff1f, transparent 60%), radial-gradient(circle at 20% 80%, #7c3aed1f, transparent 60%);--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-7:2rem;--space-8:2.5rem;--space-9:3rem;--space-10:4rem;--space-11:5rem;--space-12:6rem;--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--radius-xl:28px;--radius-2xl:36px;--radius-full:9999px;--font-display:"Sora", sans-serif;--font-body:"Inter", sans-serif;--text-xs:.75rem;--text-sm:.875rem;--text-md:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--fw-regular:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700;--fw-extrabold:800;--lh-tight:1.1;--lh-snug:1.35;--lh-normal:1.6;--lh-loose:1.85;--shadow-sm:0 4px 16px #00000040;--shadow-md:0 8px 32px #00000059;--shadow-lg:0 20px 60px #00000073;--shadow-xl:0 32px 80px #0000008c;--shadow-glow:0 0 40px #00e5ff4d;--shadow-glow-sm:0 0 20px #00e5ff33;--badge-success-bg:#22c55e26;--badge-success-color:#22c55e;--badge-success-border:#22c55e40;--badge-warning-bg:#facc1526;--badge-warning-color:#facc15;--badge-warning-border:#facc1540;--badge-danger-bg:#ef444426;--badge-danger-color:#ef4444;--badge-danger-border:#ef444440;--badge-muted-bg:var(--bg-glass);--badge-muted-color:var(--text-muted);--badge-muted-border:var(--border-color);--btn-lift-hover:translateY(-3px);--btn-lift-shadow:var(--shadow-lg);--btn-tap-active:scale(.98);--blur-sm:8px;--blur-md:20px;--blur-lg:35px;--blur-xl:60px;--transition-fast:.15s ease;--transition-normal:.3s ease;--transition-slow:.5s ease;--transition-spring:.4s cubic-bezier(.34, 1.56, .64, 1);--z-base:1;--z-above:10;--z-overlay:50;--z-modal:1100;--z-toast:1200;--container-max:1280px;--container-pad:clamp(1rem, 4vw, 3rem)}[data-theme=light]{--bg:#f0f4ff;--bg-surface:#ffffffd9;--bg-surface-alt:#f0f4ffe6;--bg-card:#ffffffe6;--bg-glass:#ffffffb3;--bg-glass-hover:#ffffffd9;--bg-input:#fffc;--bg-overlay:#0006;--text-primary:#0f172a;--text-secondary:#334155;--text-muted:#64748b;--text-disabled:#cbd5e1;--border-color:#00000014;--border-light:#0000001f;--shadow-sm:0 4px 16px #00000014;--shadow-md:0 8px 32px #0000001f;--shadow-lg:0 20px 60px #00000026;--shadow-xl:0 32px 80px #0000002e;--gradient-hero:radial-gradient(circle at 60% 40%, #00e5ff14, transparent 60%), radial-gradient(circle at 20% 80%, #7c3aed14, transparent 60%)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{max-width:100%;overflow-x:hidden}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{min-height:100vh}img,picture,video,canvas,svg{max-width:100%;display:block}input,button,textarea,select{font:inherit}button{cursor:pointer;background:0 0;border:none}a{color:inherit;text-decoration:none}ul,ol{list-style:none}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-body);font-size:var(--text-md);font-weight:var(--fw-regular);line-height:var(--lh-normal);color:var(--text-primary);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.display-1{font-family:var(--font-display);font-size:clamp(3rem,7vw,5.5rem);font-weight:var(--fw-extrabold);line-height:var(--lh-tight);letter-spacing:-2px}.display-2{font-family:var(--font-display);font-size:clamp(2.4rem,5vw,4rem);font-weight:var(--fw-bold);line-height:var(--lh-tight);letter-spacing:-1.5px}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);line-height:var(--lh-snug);color:var(--text-primary)}h1{font-size:clamp(2.2rem,5vw,3.5rem);font-weight:var(--fw-extrabold);letter-spacing:-1.5px}h2{font-size:clamp(1.5rem,3vw,2.2rem);font-weight:var(--fw-bold);letter-spacing:-.5px}h3{font-size:var(--text-xl);font-weight:var(--fw-semibold)}h4{font-size:var(--text-lg);font-weight:var(--fw-semibold)}h5{font-size:var(--text-md);font-weight:var(--fw-medium)}h6{font-size:var(--text-sm);font-weight:var(--fw-medium);text-transform:uppercase;letter-spacing:.06em}p{font-size:var(--text-md);line-height:var(--lh-loose);color:var(--text-secondary)}p.lead{font-size:var(--text-lg);line-height:var(--lh-normal);color:var(--text-muted)}p.small{font-size:var(--text-sm);color:var(--text-muted)}.label{font-size:var(--text-xs);font-weight:var(--fw-semibold);letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.text-gradient{background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.text-primary{color:var(--color-primary)!important}.text-secondary{color:var(--text-secondary)!important}.text-muted{color:var(--text-muted)!important}.text-success{color:var(--color-success)!important}.text-danger{color:var(--color-danger)!important}.text-warning{color:var(--color-warning)!important}.text-center{text-align:center}.text-right{text-align:right}.font-bold{font-weight:var(--fw-bold)}.font-semibold{font-weight:var(--fw-semibold)}.font-medium{font-weight:var(--fw-medium)}.section-header{text-align:center;max-width:680px;margin:0 auto var(--space-10)}.section-header .section-badge{border-radius:var(--radius-full);color:var(--color-primary);font-size:var(--text-sm);font-weight:var(--fw-semibold);letter-spacing:.05em;text-transform:uppercase;margin-bottom:var(--space-4);background:#00e5ff1a;border:1px solid #00e5ff33;padding:.45rem 1.1rem;display:inline-block}.section-header h2{margin-bottom:var(--space-4)}.section-header p{color:var(--text-muted)}.logo{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--fw-bold);letter-spacing:.3px;color:var(--text-primary);align-items:center;gap:var(--space-2);transition:var(--transition-normal);text-decoration:none;display:flex}.logo-icon{filter:drop-shadow(0 0 6px #00e5ff59);transition:filter var(--transition-normal), transform var(--transition-normal);flex-shrink:0}.logo-text{background:linear-gradient(110deg,#fff 0%,#a5b4fc 50%,#00e5ff 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.logo:hover .logo-icon{filter:drop-shadow(0 0 10px #00e5ff99);transform:rotate(-8deg)scale(1.1)}.logo:hover{transform:scale(1.04)}body{background:var(--bg);color:var(--text-primary);transition:background var(--transition-slow), color var(--transition-slow);overflow-x:hidden}.background{z-index:-3;transition:background var(--transition-slow);background:radial-gradient(circle at 0 0,#00e5ff24,#0000 38%),radial-gradient(circle at 100% 100%,#7c3aed24,#0000 38%);position:fixed;inset:0;overflow:hidden}[data-theme=light] .background{background:radial-gradient(circle at 0 0,#00e5ff0f,#0000 38%),radial-gradient(circle at 100% 100%,#7c3aed0f,#0000 38%)}.gradient{filter:blur(120px);opacity:.28;border-radius:50%;width:700px;height:700px;animation:18s ease-in-out infinite floatGradient;position:absolute}.gradient-1{background:var(--color-primary);top:-180px;left:-180px}.gradient-2{background:var(--color-secondary);animation-delay:6s;bottom:-180px;right:-180px}[data-theme=light] .gradient{opacity:.1}.grid{background-image:linear-gradient(#ffffff0a 1px,#0000 1px),linear-gradient(90deg,#ffffff0a 1px,#0000 1px);background-size:50px 50px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000 40%,#0000 100%);mask-image:radial-gradient(circle,#000 40%,#0000 100%)}[data-theme=light] .grid{background-image:linear-gradient(#00000008 1px,#0000 1px),linear-gradient(90deg,#00000008 1px,#0000 1px)}.noise{opacity:.045;pointer-events:none;z-index:-1;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)' opacity='1'/%3E%3C/svg%3E");position:fixed;inset:0}[data-theme=light] .noise{opacity:.02}.orb{filter:blur(90px);opacity:.35;z-index:-2;pointer-events:none;border-radius:50%;animation:16s ease-in-out infinite floatOrb;position:fixed}.orb1{background:var(--color-primary);width:250px;height:250px;top:12%;left:8%}.orb2{background:var(--color-secondary);width:300px;height:300px;animation-delay:5s;bottom:15%;right:5%}.orb3{background:var(--color-accent);width:180px;height:180px;animation-delay:10s;top:70%;left:40%}[data-theme=light] .orb{opacity:.12}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:999px}[data-theme=light] ::-webkit-scrollbar-thumb{background:#00000026}:focus-visible{outline:2px solid var(--color-primary);outline-offset:3px;border-radius:4px}::selection{color:var(--text-primary);background:#00e5ff40}.container{width:min(var(--container-max), 100%);padding-inline:var(--container-pad);margin-inline:auto}header{padding-block:var(--space-8);z-index:1000;justify-content:space-between;align-items:center;display:flex;position:relative}.page{min-height:100vh}.flex{display:flex}.flex-center{justify-content:center;align-items:center;display:flex}.flex-between{justify-content:space-between;align-items:center;display:flex}.flex-col{flex-direction:column;display:flex}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.grid-2{gap:var(--space-6);grid-template-columns:repeat(2,1fr);display:grid}.grid-3{gap:var(--space-6);grid-template-columns:repeat(3,1fr);display:grid}.grid-4{gap:var(--space-6);grid-template-columns:repeat(4,1fr);display:grid}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}.mx-auto{margin-inline:auto}.w-full{width:100%}.max-w-sm{max-width:480px}.max-w-md{max-width:680px}.max-w-lg{max-width:860px}.btn{justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius-md);cursor:pointer;font-family:var(--font-body);font-weight:var(--fw-semibold);font-size:var(--text-md);transition:transform var(--transition-normal), box-shadow var(--transition-normal);border:none;padding:.9rem 1.8rem;text-decoration:none;display:inline-flex}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:0 6px 24px #00e5ff33}.btn-primary:hover{transform:var(--btn-lift-hover);box-shadow:var(--btn-lift-shadow)}.btn-primary:active{transform:var(--btn-tap-active)}.btn-ghost{background:var(--bg-glass);border:1px solid var(--border-color);color:var(--text-primary);-webkit-backdrop-filter:blur(var(--blur-sm));backdrop-filter:blur(var(--blur-sm))}.btn-ghost:hover{background:var(--bg-glass-hover);border-color:var(--border-light);transform:translateY(-2px)}.btn-danger{background:var(--gradient-danger);color:#fff;box-shadow:0 6px 24px #ef444433}.badge{border-radius:var(--radius-full);color:var(--color-primary);font-size:var(--text-xs);font-weight:var(--fw-semibold);letter-spacing:.05em;text-transform:uppercase;background:#00e5ff1a;border:1px solid #00e5ff33;align-items:center;gap:.4rem;padding:.4rem 1rem;display:inline-flex}.badge-success{background:var(--badge-success-bg);color:var(--badge-success-color);border-color:var(--badge-success-border)}.badge-warning{background:var(--badge-warning-bg);color:var(--badge-warning-color);border-color:var(--badge-warning-border)}.badge-danger{background:var(--badge-danger-bg);color:var(--badge-danger-color);border-color:var(--badge-danger-border)}.badge-muted{background:var(--badge-muted-bg);color:var(--badge-muted-color);border-color:var(--badge-muted-border)}.surface-card{background:var(--bg-glass);border:1px solid var(--border-color);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(var(--blur-sm));backdrop-filter:blur(var(--blur-sm));transition:var(--transition-normal)}.surface-card:hover{box-shadow:var(--shadow-md);transform:translateY(-4px)}.toast{top:var(--space-6);right:var(--space-6);padding:var(--space-4) var(--space-5);border-radius:var(--radius-md);color:#fff;font-weight:var(--fw-semibold);font-size:var(--text-sm);-webkit-backdrop-filter:blur(var(--blur-md));backdrop-filter:blur(var(--blur-md));transition:transform .3s var(--transition-spring);z-index:var(--z-toast);box-shadow:var(--shadow-md);align-items:center;gap:var(--space-3);min-width:240px;max-width:360px;display:flex;position:fixed;transform:translate(calc(100% + 2rem))}.toast.show{transform:translate(0)}.toast.error{background:#ef4444eb;border-left:3px solid #ef4444}.toast.success{background:#22c55eeb;border-left:3px solid #22c55e}.toast.info{border-left:3px solid var(--color-primary);color:var(--text-primary);background:#00e5ff2e}.toast.warning{color:#0f172a;background:#facc15d9;border-left:3px solid #facc15}.loader{border:3px solid #ffffff1a;border-top-color:var(--color-primary);border-radius:50%;width:40px;height:40px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.input-label{margin-bottom:var(--space-2);font-size:var(--text-sm);font-weight:var(--fw-semibold);color:var(--text-primary);display:block}.result-page{min-height:100vh;padding:clamp(1.5rem, 4vw, 3rem) var(--space-5);padding-top:var(--space-9);justify-content:center;align-items:flex-start;display:flex}.result-card{background:var(--bg-glass);width:100%;max-width:860px;-webkit-backdrop-filter:blur(var(--blur-lg));border:1px solid var(--border-light);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);padding:clamp(1.5rem,4vw,3rem)}.result-hero{align-items:center;gap:var(--space-8);margin-bottom:var(--space-8);padding-bottom:var(--space-8);border-bottom:1px solid var(--border-color);display:flex}.score-ring-wrap{flex-shrink:0;width:140px;height:140px;position:relative}.score-ring-wrap svg{width:140px;height:140px;transform:rotate(-90deg)}.score-ring-bg{fill:none;stroke:#ffffff12}.score-ring-fill{fill:none;stroke-linecap:round;stroke-dasharray:345;stroke-dashoffset:345px;transition:stroke-dashoffset 1.4s cubic-bezier(.25,.46,.45,.94)}.score-ring-label{flex-direction:column;justify-content:center;align-items:center;gap:2px;display:flex;position:absolute;inset:0}.score-ring-pct{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:var(--fw-extrabold);background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;line-height:1}.score-ring-pct-label{font-size:var(--text-xs);color:var(--text-muted);font-weight:var(--fw-medium);text-transform:uppercase;letter-spacing:.05em}.result-grade{flex:1}.grade-badge{align-items:center;gap:var(--space-2);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--fw-bold);letter-spacing:.04em;margin-bottom:var(--space-4);padding:.55rem 1.2rem;display:inline-flex}.grade-badge.excellent{color:#22c55e;background:#22c55e26;border:1px solid #22c55e4d}.grade-badge.good{color:var(--color-primary);background:#00e5ff1f;border:1px solid #00e5ff40}.grade-badge.average{color:#facc15;background:#facc151f;border:1px solid #facc1540}.grade-badge.poor{color:#ef4444;background:#ef44441f;border:1px solid #ef444440}.result-grade h2{margin-bottom:var(--space-2);font-size:clamp(1.4rem,3vw,2rem)}.result-grade p{color:var(--text-muted);font-size:var(--text-sm);margin:0}.result-meta{gap:var(--space-4);margin-top:var(--space-5);flex-wrap:wrap;display:flex}.result-meta-item{align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-muted);display:flex}.result-meta-item strong{color:var(--text-primary)}.result-stats-grid{gap:var(--space-4);margin-bottom:var(--space-8);grid-template-columns:repeat(4,1fr);display:grid}.result-stat-card{background:var(--bg-glass);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-5);text-align:center;transition:var(--transition-normal)}.result-stat-card:hover{transform:translateY(-4px)}.result-stat-icon{margin-bottom:var(--space-2);font-size:1.5rem;display:block}.result-stat-card .stat-value{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--fw-extrabold);margin-bottom:4px;display:block}.result-stat-card .stat-label{font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;display:block}.stat-correct .stat-value{color:#22c55e}.stat-wrong .stat-value{color:#ef4444}.stat-skipped .stat-value{color:#facc15}.stat-accuracy .stat-value{background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.breakdown-grid{gap:var(--space-5);margin-bottom:var(--space-8);grid-template-columns:1fr 1fr;display:grid}.breakdown-card{background:var(--bg-glass);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-6)}.breakdown-card h4{font-size:var(--text-sm);color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--space-5)}.breakdown-row{margin-bottom:var(--space-4);justify-content:space-between;align-items:center;display:flex}.breakdown-row:last-child{margin-bottom:0}.breakdown-label{font-size:var(--text-sm);font-weight:var(--fw-medium)}.breakdown-bar-wrap{height:6px;margin-inline:var(--space-4);background:#ffffff12;border-radius:999px;flex:1;overflow:hidden}.breakdown-bar{background:var(--gradient-primary);border-radius:999px;height:100%;transition:width 1s .4s}.breakdown-count{font-size:var(--text-sm);font-weight:var(--fw-bold);text-align:right;min-width:28px}.result-actions{gap:var(--space-4);margin-bottom:var(--space-8);flex-wrap:wrap;display:flex}.result-actions .btn{flex:1;min-width:140px}.review-section{border-top:1px solid var(--border-color);padding-top:var(--space-8)}.review-header{margin-bottom:var(--space-6);justify-content:space-between;align-items:center;display:flex}.review-header h3{font-size:var(--text-xl)}.review-filter{gap:var(--space-2);display:flex}.review-filter-btn{border-radius:var(--radius-full);border:1px solid var(--border-color);background:var(--bg-glass);color:var(--text-muted);font-size:var(--text-xs);font-weight:var(--fw-semibold);cursor:pointer;transition:var(--transition-fast);padding:.4rem .9rem}.review-filter-btn:hover,.review-filter-btn.active{border-color:var(--color-primary);color:var(--color-primary);background:#00e5ff14}.review-list{gap:var(--space-4);flex-direction:column;display:flex}.review-item{background:var(--bg-glass);border:1px solid var(--border-color);border-radius:var(--radius-lg);transition:var(--transition-normal);overflow:hidden}.review-item.correct{border-color:#22c55e4d}.review-item.wrong{border-color:#ef44444d}.review-item.skipped{border-color:#facc154d}.review-item-header{align-items:flex-start;gap:var(--space-4);padding:var(--space-5);cursor:pointer;display:flex}.review-item-number{border-radius:var(--radius-sm);width:32px;height:32px;font-size:var(--text-sm);font-weight:var(--fw-bold);flex-shrink:0;justify-content:center;align-items:center;display:flex}.correct .review-item-number{color:#22c55e;background:#22c55e33}.wrong .review-item-number{color:#ef4444;background:#ef444433}.skipped .review-item-number{color:#facc15;background:#facc1526}.review-item-q{font-size:var(--text-sm);font-weight:var(--fw-medium);color:var(--text-primary);line-height:var(--lh-snug);flex:1}.review-item-status{font-size:var(--text-xs);font-weight:var(--fw-semibold);border-radius:var(--radius-full);flex-shrink:0;padding:.25rem .65rem}.correct .review-item-status{color:#22c55e;background:#22c55e26}.wrong .review-item-status{color:#ef4444;background:#ef444426}.skipped .review-item-status{color:#facc15;background:#facc151f}.review-item-body{padding:0 var(--space-5) var(--space-5);border-top:1px solid var(--border-color);display:none}.review-item-body.open{display:block}.review-answers{gap:var(--space-3);margin-top:var(--space-4);margin-bottom:var(--space-4);flex-direction:column;display:flex}.review-answer-row{align-items:center;gap:var(--space-3);font-size:var(--text-sm);display:flex}.review-answer-row .answer-label{font-size:var(--text-xs);font-weight:var(--fw-semibold);min-width:100px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.review-answer-row .answer-value{font-weight:var(--fw-medium)}.review-answer-row.user-correct .answer-value{color:#22c55e}.review-answer-row.user-wrong .answer-value{color:#ef4444}.review-answer-row.correct-ans .answer-value{color:#22c55e}.review-explanation{padding:var(--space-4);border-left:3px solid var(--color-primary);border-radius:0 var(--radius-sm) var(--radius-sm) 0;font-size:var(--text-sm);line-height:var(--lh-loose);color:var(--text-secondary);margin-top:var(--space-3);background:#00e5ff0f}.review-explanation strong{color:var(--color-primary)}.auth-overlay{background:var(--bg-overlay);-webkit-backdrop-filter:blur(8px);z-index:var(--z-modal);padding:var(--space-5);justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.auth-modal{background:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-xl);width:100%;max-width:440px;padding:var(--space-8) var(--space-8) var(--space-7);box-shadow:var(--shadow-xl);animation:modalIn .3s var(--transition-spring);position:relative}.auth-modal:before{content:"";border-radius:var(--radius-xl) var(--radius-xl) 0 0;pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);width:100%;height:1px;position:absolute;top:0;left:0}.auth-close{top:var(--space-4);right:var(--space-4);border-radius:var(--radius-full);background:var(--bg-glass);border:1px solid var(--border-color);width:34px;height:34px;color:var(--text-muted);cursor:pointer;transition:var(--transition-fast);z-index:10;justify-content:center;align-items:center;display:flex;position:absolute}.auth-close:hover{background:var(--bg-glass-hover);color:var(--text-primary)}.auth-header{text-align:center;margin-bottom:var(--space-6)}.auth-logo{margin-bottom:var(--space-3);justify-content:center;display:flex}.auth-logo svg{filter:drop-shadow(0 0 10px #00e5ff73);animation:2s ease-in-out infinite nqLogoPulse}.auth-header h2{font-size:var(--text-2xl);margin-bottom:var(--space-2)}.auth-header p{font-size:var(--text-sm);color:var(--text-muted);margin:0}.auth-tabs{background:var(--bg-glass);border:1px solid var(--border-color);border-radius:var(--radius-md);margin-bottom:var(--space-5);gap:4px;padding:4px;display:flex}.auth-tab{border-radius:calc(var(--radius-md) - 4px);color:var(--text-muted);font-size:var(--text-sm);font-weight:var(--fw-semibold);font-family:var(--font-body);cursor:pointer;transition:var(--transition-fast);background:0 0;border:none;flex:1;padding:.55rem}.auth-tab.active{background:var(--gradient-primary);color:#fff;box-shadow:0 3px 12px #00e5ff40}.auth-tab:not(.active):hover{color:var(--text-primary)}.auth-method-toggle{gap:var(--space-2);margin-bottom:var(--space-5);display:flex}.auth-method-btn{justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius-sm);border:1px solid var(--border-color);background:var(--bg-input);color:var(--text-muted);font-size:var(--text-xs);font-weight:var(--fw-semibold);font-family:var(--font-body);cursor:pointer;transition:var(--transition-fast);flex:1;padding:.55rem;display:flex}.auth-method-btn.active,.auth-method-btn[aria-pressed=true]{border-color:var(--color-primary);color:var(--color-primary);background:#00e5ff12}.auth-method-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.auth-form{gap:var(--space-4);flex-direction:column;display:flex}.auth-field{flex-direction:column;gap:6px;display:flex}.auth-field.hidden{display:none}.auth-label{font-size:var(--text-xs);font-weight:var(--fw-semibold);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;justify-content:space-between;align-items:center;display:flex}.auth-forgot{font-size:var(--text-xs);font-weight:var(--fw-medium);color:var(--color-primary);text-transform:none;letter-spacing:0;transition:var(--transition-fast);text-decoration:none}.auth-forgot:hover{text-decoration:underline}.auth-input-wrap{align-items:center;display:flex;position:relative}.auth-input-icon{color:var(--text-disabled);pointer-events:none;flex-shrink:0;position:absolute;left:14px}.auth-input{background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-md);width:100%;height:48px;color:var(--text-primary);font-size:var(--text-sm);font-family:var(--font-body);transition:var(--transition-normal);outline:none;padding:0 44px 0 42px}.auth-input::placeholder{color:var(--text-disabled)}.auth-input:hover{border-color:#00e5ff4d}.auth-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #00e5ff1f}.auth-input.error{border-color:var(--color-danger);animation:.35s shake;box-shadow:0 0 0 3px #ef44441f}.auth-pw-toggle{color:var(--text-disabled);cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;border-radius:4px;align-items:center;padding:4px;display:flex;position:absolute;right:12px}.auth-pw-toggle:hover{color:var(--text-muted)}.auth-error{padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);color:#ef4444;font-size:var(--text-sm);font-weight:var(--fw-medium);background:#ef44441a;border:1px solid #ef444440;animation:.2s fadeIn}.auth-submit{border-radius:var(--radius-md);background:var(--gradient-primary);color:#fff;height:50px;font-size:var(--text-md);font-weight:var(--fw-bold);font-family:var(--font-body);cursor:pointer;transition:transform var(--transition-normal), box-shadow var(--transition-normal);justify-content:center;align-items:center;gap:var(--space-2);margin-top:var(--space-2);border:none;display:flex;position:relative;overflow:hidden;box-shadow:0 6px 24px #00e5ff33}.auth-submit:after{content:"";background:linear-gradient(90deg,#0000,#ffffff2e,#0000);transition:transform .6s;position:absolute;inset:0;transform:translate(-100%)}.auth-submit:hover:not([disabled]){transform:translateY(-2px);box-shadow:0 12px 36px #00e5ff59}.auth-submit:hover:after{transform:translate(100%)}.auth-submit:active:not([disabled]){transform:scale(.98)}.auth-submit[disabled]{opacity:.7;cursor:not-allowed}.auth-switch{text-align:center;font-size:var(--text-sm);color:var(--text-muted);margin-top:var(--space-5);margin-bottom:0}.auth-switch-btn{color:var(--color-primary);font-size:var(--text-sm);font-weight:var(--fw-semibold);font-family:var(--font-body);cursor:pointer;transition:var(--transition-fast);background:0 0;border:none}.auth-switch-btn:hover{text-decoration:underline}.progress-modal{max-width:560px;max-height:70vh;overflow-y:auto}.progress-empty{text-align:center;color:var(--text-muted);font-size:var(--text-sm);padding:var(--space-8) 0}.progress-table{border-collapse:collapse;width:100%;font-size:var(--text-sm);margin-top:var(--space-5)}.progress-table th{font-size:var(--text-xs);font-weight:var(--fw-semibold);text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--border-color);text-align:left}.progress-table td{padding:var(--space-3);border-bottom:1px solid var(--border-color);color:var(--text-secondary)}.progress-table tr:last-child td{border-bottom:none}.progress-table tr:hover td{background:var(--bg-glass)}.progress-score-good{color:#22c55e;font-weight:var(--fw-bold)}.progress-score-avg{color:#facc15;font-weight:var(--fw-bold)}.progress-score-poor{color:#ef4444;font-weight:var(--fw-bold)}.hero{min-height:80vh;padding-block:var(--space-11);grid-template-columns:1.15fr .85fr;align-items:center;gap:clamp(2rem,5vw,5rem);display:grid;position:relative}.hero:before{content:"";filter:blur(60px);z-index:-1;pointer-events:none;background:radial-gradient(circle,#00e5ff1f,#0000 70%);width:500px;height:500px;position:absolute;top:-80px;right:-120px}.hero-left{gap:var(--space-6);flex-direction:column;display:flex}.hero-left h1 span{color:var(--color-primary)}.hero-left p{max-width:540px}.feature-pills{gap:var(--space-3);flex-wrap:wrap;display:flex}.pill{border-radius:var(--radius-full);background:var(--bg-glass);border:1px solid var(--border-light);font-size:var(--text-sm);font-weight:var(--fw-medium);color:var(--text-secondary);-webkit-backdrop-filter:blur(var(--blur-sm));backdrop-filter:blur(var(--blur-sm));transition:var(--transition-normal);padding:.45rem 1rem}.pill:hover{border-color:var(--color-primary);color:var(--color-primary)}.hero-buttons{gap:var(--space-4);margin-top:var(--space-3);flex-wrap:wrap;display:flex}.glass-card{background:var(--gradient-surface);-webkit-backdrop-filter:blur(var(--blur-lg));border:1px solid var(--border-light);border-radius:var(--radius-xl);padding:var(--space-8);box-shadow:var(--shadow-lg);gap:var(--space-4);flex-direction:column;animation:6s ease-in-out infinite floatCard;display:flex;position:relative;overflow:hidden}.glass-card:before{content:"";background:linear-gradient(90deg,#0000,#ffffff59,#0000);width:100%;height:1px;position:absolute;top:0;left:0}.glass-card h2{font-size:var(--text-2xl);margin-bottom:var(--space-2)}.glass-card input,.glass-card select{width:100%;height:52px;padding:0 var(--space-5);background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--text-md);font-family:var(--font-body);transition:var(--transition-normal);outline:none;display:block}.glass-card input::placeholder{color:var(--text-muted)}.glass-card input:hover,.glass-card select:hover{border-color:#00e5ff4d}.glass-card input:focus,.glass-card select:focus{border-color:var(--color-primary);box-shadow:0 0 0 4px #00e5ff1f}select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath stroke='%2394A3B8' stroke-width='1.5' fill='none' d='M1 1l5 5 5-5'/%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat}select option{color:#f8fafc;background:#0f172a}[data-theme=light] select option{color:#0f172a;background:#fff}.btn-start{border-radius:var(--radius-md);background:var(--gradient-primary);color:#fff;width:100%;height:54px;font-size:var(--text-md);font-weight:var(--fw-bold);font-family:var(--font-body);letter-spacing:.02em;cursor:pointer;transition:transform var(--transition-normal), box-shadow var(--transition-normal);border:none;position:relative;overflow:hidden;box-shadow:0 8px 30px #00e5ff33}.btn-start:after{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);transition:transform .6s;position:absolute;inset:0;transform:translate(-100%)}.btn-start:hover{transform:translateY(-3px);box-shadow:0 16px 50px #00e5ff59}.btn-start:hover:after{transform:translate(100%)}.btn-start:active{transform:translateY(0)scale(.98)}.stats{gap:var(--space-6);margin-block:var(--space-11);grid-template-columns:repeat(3,1fr);display:grid}.stat{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-7);text-align:center;-webkit-backdrop-filter:blur(var(--blur-sm));backdrop-filter:blur(var(--blur-sm));transition:var(--transition-normal);cursor:default}.stat:hover{border-color:var(--color-primary);transform:translateY(-8px)}.stat h2{background:var(--gradient-primary);-webkit-text-fill-color:transparent;margin-bottom:var(--space-2);-webkit-background-clip:text;background-clip:text;font-size:clamp(1.8rem,3vw,2.4rem)}.stat p{color:var(--text-muted);font-size:var(--text-sm);margin:0}.features-section{padding:var(--space-12) var(--container-pad);max-width:var(--container-max);margin-inline:auto}.features-grid{gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));display:grid}.feature-card{background:var(--bg-glass);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-7);-webkit-backdrop-filter:blur(var(--blur-sm));backdrop-filter:blur(var(--blur-sm));transition:var(--transition-normal);position:relative;overflow:hidden}.feature-card:before{content:"";background:var(--gradient-primary);opacity:0;transition:opacity var(--transition-normal);border-radius:inherit;position:absolute;inset:0}.feature-card:hover{box-shadow:var(--shadow-md);border-color:#00e5ff4d;transform:translateY(-6px)}.feature-card:hover:before{opacity:.04}.feature-icon{margin-bottom:var(--space-4);font-size:2rem;display:block}.feature-card h3{font-size:var(--text-lg);margin-bottom:var(--space-2)}.feature-card p{font-size:var(--text-sm);margin:0}.how-it-works{padding:var(--space-12) var(--container-pad);max-width:var(--container-max);margin-inline:auto}.steps-container{gap:var(--space-7);grid-template-columns:repeat(auto-fit,minmax(260px,1fr));display:grid}.step-card{background:var(--bg-glass);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-7);-webkit-backdrop-filter:blur(var(--blur-sm));backdrop-filter:blur(var(--blur-sm));transition:var(--transition-normal);text-align:center;position:relative}.step-card:hover{box-shadow:var(--shadow-md);transform:translateY(-6px)}.step-number{top:var(--space-5);right:var(--space-5);font-size:var(--text-4xl);font-weight:var(--fw-extrabold);font-family:var(--font-display);background:var(--gradient-primary);-webkit-text-fill-color:transparent;opacity:.18;-webkit-background-clip:text;background-clip:text;line-height:1;position:absolute}.step-icon{margin-bottom:var(--space-4);font-size:2.2rem}.step-card h3{margin-bottom:var(--space-2)}.step-card p{font-size:var(--text-sm);margin:0}.live-stats{padding:var(--space-12) var(--container-pad);max-width:var(--container-max);margin-inline:auto}.stats-grid{gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.stats-card{background:var(--bg-glass);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-7);text-align:center;-webkit-backdrop-filter:blur(var(--blur-sm));backdrop-filter:blur(var(--blur-sm));transition:var(--transition-normal)}.stats-card:hover{border-color:var(--color-primary);transform:translateY(-6px)}.stats-icon{margin-bottom:var(--space-3);font-size:2rem;display:block}.stats-card h2{font-size:var(--text-3xl);font-weight:var(--fw-extrabold);background:var(--gradient-primary);-webkit-text-fill-color:transparent;margin-bottom:var(--space-2);-webkit-background-clip:text;background-clip:text}.stats-card p{font-size:var(--text-sm);margin:0}.testimonials{padding:var(--space-12) var(--container-pad);max-width:var(--container-max);margin-inline:auto}.testimonials-controls{justify-content:center;align-items:center;gap:var(--space-4);margin-top:var(--space-4);flex-direction:column;display:flex}.testimonials-rating-pill{align-items:center;gap:var(--space-2);border-radius:var(--radius-full);background:var(--bg-glass);border:1px solid var(--border-light);font-size:var(--text-sm);color:var(--text-secondary);padding:.4rem 1rem;display:inline-flex}.rating-stars{color:#f59e0b;letter-spacing:2px;font-size:1rem}.testimonials-btn-group{align-items:center;gap:var(--space-3);flex-wrap:wrap;justify-content:center;display:flex}.testimonial-grid{gap:var(--space-6);margin-top:var(--space-8);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));display:grid}.testimonial-card{background:var(--bg-glass);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--space-7);-webkit-backdrop-filter:blur(var(--blur-sm));backdrop-filter:blur(var(--blur-sm));transition:var(--transition-normal);text-align:left;flex-direction:column;justify-content:space-between;display:flex;position:relative}.testimonial-card:hover{border-color:var(--color-primary);transform:translateY(-6px);box-shadow:0 12px 24px #0000004d}.testimonial-card-header{margin-bottom:var(--space-4);justify-content:space-between;align-items:center;display:flex}.testimonial-avatar{font-size:2.2rem;line-height:1}.testimonial-stars{color:#f59e0b;letter-spacing:2px;font-size:.95rem}.testimonial-review{font-size:var(--text-sm);line-height:var(--lh-loose);color:var(--text-secondary);margin-bottom:var(--space-6);flex-grow:1}.testimonial-author h3{font-size:var(--text-md);font-weight:var(--fw-bold);color:var(--text-primary);margin-bottom:2px}.testimonial-author span{font-size:var(--text-xs);color:var(--text-muted)}.review-form-modal,.all-reviews-modal{width:92%;max-width:560px;max-height:88vh;padding:var(--space-6) var(--space-7);background:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-xl);box-shadow:var(--shadow-2xl);position:relative;overflow-y:auto}.all-reviews-modal{flex-direction:column;max-width:680px;max-height:85vh;display:flex}.form-row-2col{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.modal-header-centered{text-align:center;margin-bottom:var(--space-4)}.modal-badge-icon{margin-bottom:var(--space-2);font-size:2.5rem}.modal-header-centered h2{font-size:var(--text-2xl);margin-bottom:var(--space-1)}.modal-header-centered p{font-size:var(--text-sm);color:var(--text-muted)}.star-rating-select{justify-content:center;gap:var(--space-2);margin-top:var(--space-2);display:flex}.star-btn{color:var(--text-muted);cursor:pointer;transition:transform var(--transition-fast), color var(--transition-fast);background:0 0;border:none;font-size:2rem}.star-btn.active{color:#f59e0b}.star-btn:hover{transform:scale(1.2)}.avatar-picker{gap:var(--space-2);flex-wrap:wrap;display:flex}.avatar-option{border-radius:var(--radius-md);background:var(--bg-glass);border:1px solid var(--border-color);cursor:pointer;transition:all var(--transition-fast);padding:.4rem .6rem;font-size:1.5rem}.avatar-option.selected,.avatar-option:hover{border-color:var(--color-primary);background:#00e5ff26;transform:scale(1.1)}.form-group{margin-bottom:var(--space-4)}.form-label{font-size:var(--text-sm);font-weight:var(--fw-medium);margin-bottom:var(--space-2);color:var(--text-secondary);display:block}.form-label-centered{font-size:var(--text-sm);font-weight:var(--fw-semibold);text-align:center;color:var(--text-primary);display:block}.form-input,.form-textarea{width:100%;padding:var(--space-3) var(--space-4);background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--text-sm);font-family:var(--font-body);transition:border-color var(--transition-fast);outline:none}.form-input:focus,.form-textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #00e5ff1f}.all-reviews-header{margin-bottom:var(--space-5);padding-right:var(--space-8);justify-content:space-between;align-items:center;display:flex}.rating-summary-badge{align-items:center;gap:var(--space-2);margin-top:var(--space-1);display:flex}.rating-score{font-size:var(--text-lg);font-weight:var(--fw-bold);color:#f59e0b}.rating-count{font-size:var(--text-sm);color:var(--text-muted)}.reviews-filter-bar{margin-bottom:var(--space-4)}.review-search-input{background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-md);width:100%;color:var(--text-primary);font-size:var(--text-sm);outline:none;padding:.6rem 1rem}.all-reviews-list{gap:var(--space-4);flex-direction:column;max-height:50vh;padding-right:4px;display:flex;overflow-y:auto}.full-review-card{background:var(--bg-glass);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-5)}.full-review-header{margin-bottom:var(--space-3);justify-content:space-between;align-items:center;display:flex}.full-review-author{align-items:center;gap:var(--space-3);display:flex}.full-review-avatar{font-size:1.8rem}.full-review-author h4{font-size:var(--text-md);font-weight:var(--fw-semibold);margin:0}.full-review-role{font-size:var(--text-xs);color:var(--text-muted)}.full-review-rating{text-align:right}.stars-display{color:#f59e0b;letter-spacing:1px;font-size:.85rem}.full-review-date{font-size:var(--text-xs);color:var(--text-muted);margin-top:2px;display:block}.full-review-text{font-size:var(--text-sm);color:var(--text-secondary);margin:0;line-height:1.5}.empty-reviews-state{text-align:center;padding:var(--space-8);color:var(--text-muted);font-size:var(--text-sm)}.cta-section{padding:var(--space-12) var(--container-pad);max-width:var(--container-max);margin-inline:auto}.cta-card{background:var(--gradient-surface);border:1px solid var(--border-light);border-radius:var(--radius-2xl);padding:clamp(3rem, 6vw, 5rem) var(--space-9);text-align:center;-webkit-backdrop-filter:blur(var(--blur-lg));backdrop-filter:blur(var(--blur-lg));box-shadow:var(--shadow-lg);position:relative;overflow:hidden}.cta-card:before{content:"";pointer-events:none;background:radial-gradient(at top,#00e5ff14,#0000 60%);position:absolute;inset:0}.cta-card .section-badge{margin-bottom:var(--space-5)}.cta-card h2{margin-bottom:var(--space-5);font-size:clamp(1.8rem,3.5vw,2.8rem)}.cta-card p{max-width:560px;margin:0 auto var(--space-7)}.footer{border-top:1px solid var(--border-light);-webkit-backdrop-filter:blur(12px);padding-block:var(--space-10) var(--space-8);margin-top:var(--space-12);background:#0f172a66;position:relative}.footer-container{max-width:var(--container-max);padding-inline:var(--container-pad);margin-inline:auto}.footer-main{margin-bottom:var(--space-6);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:clamp(1.5rem,4vw,3rem);display:flex}.footer-brand{gap:var(--space-2);flex-direction:column;max-width:420px;display:flex}.footer-logo{align-items:center;gap:var(--space-2);font-size:1.35rem;font-weight:var(--fw-bold);color:var(--text-primary);text-decoration:none;display:inline-flex}.footer-logo-icon{filter:drop-shadow(0 0 4px #00e5ff4d);flex-shrink:0}.footer-logo-text{background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.footer-description{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.6}.footer-contact{align-items:center;display:flex}.footer-email-link{align-items:center;gap:var(--space-2);border-radius:var(--radius-full);background:var(--bg-glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-light);color:var(--text-secondary);font-size:var(--text-sm);font-weight:var(--fw-medium);transition:all var(--transition-normal);padding:.55rem 1.1rem;text-decoration:none;display:inline-flex}.footer-email-link:hover{border-color:var(--color-primary);color:var(--color-primary);background:#00e5ff1a;transform:translateY(-2px);box-shadow:0 6px 20px #00e5ff33}.footer-links-group{flex-wrap:wrap;gap:clamp(2rem,4vw,4rem);display:flex}.footer-heading{font-size:var(--text-xs);font-weight:var(--fw-bold);text-transform:uppercase;letter-spacing:.1em;color:var(--color-primary);margin-bottom:var(--space-4)}.footer-list{flex-direction:column;gap:.6rem;margin:0;padding:0;list-style:none;display:flex}.footer-list a{font-size:var(--text-sm);color:var(--text-secondary);transition:all var(--transition-fast);text-decoration:none;display:inline-block}.footer-list a:hover{color:var(--text-primary);transform:translate(4px)}.footer-bottom-bar{padding-top:var(--space-6);border-top:1px solid var(--border-color);font-size:var(--text-sm);color:var(--text-muted);justify-content:space-between;align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.footer-copyright strong{color:var(--text-primary)}.footer-copyright span{color:var(--color-primary);font-weight:var(--fw-semibold)}.back-to-top{border-radius:var(--radius-md);background:var(--bg-glass);border:1px solid var(--border-light);width:36px;height:36px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex}.back-to-top:hover{background:var(--color-primary);border-color:var(--color-primary);color:#fff;box-shadow:var(--shadow-md);transform:translateY(-2px)}.theme-btn{border-radius:var(--radius-full);background:var(--bg-glass);border:1px solid var(--border-color);width:42px;height:42px;-webkit-backdrop-filter:blur(var(--blur-sm));backdrop-filter:blur(var(--blur-sm));color:var(--text-primary);transition:var(--transition-normal);cursor:pointer;justify-content:center;align-items:center;font-size:1.1rem;display:flex}.theme-btn:hover{border-color:var(--color-primary);color:var(--color-primary);transform:rotate(20deg)}.btn-secondary,.secondary{justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius-full);background:var(--bg-glass);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-light);color:var(--text-primary);font-weight:var(--fw-semibold);font-size:var(--text-sm);transition:all var(--transition-normal);cursor:pointer;padding:.85rem 1.6rem;text-decoration:none;display:inline-flex;box-shadow:0 4px 12px #00000026}.btn-secondary:hover,.secondary:hover{border-color:var(--color-primary);color:var(--color-primary);background:#00e5ff1a;transform:translateY(-3px);box-shadow:0 8px 25px #00e5ff40}.btn-secondary:active,.secondary:active{transform:translateY(-1px)scale(.98)}.btn-arrow-down{transition:transform var(--transition-fast)}.btn-secondary:hover .btn-arrow-down{transform:translateY(3px)}.nav-right{align-items:center;gap:var(--space-4);display:flex}.nav-player{font-size:var(--text-sm);font-weight:var(--fw-medium);color:var(--text-muted);background:var(--bg-glass);border:1px solid var(--border-color);border-radius:var(--radius-full);padding:.35rem .85rem}.theme-btn .icon-moon,[data-theme=light] .theme-btn .icon-sun{display:none}[data-theme=light] .theme-btn .icon-moon{display:block}.btn-login{align-items:center;gap:var(--space-2);border-radius:var(--radius-full);background:var(--gradient-primary);color:#fff;font-size:var(--text-sm);font-weight:var(--fw-semibold);font-family:var(--font-body);cursor:pointer;transition:transform var(--transition-normal), box-shadow var(--transition-normal);white-space:nowrap;border:none;padding:.5rem 1.1rem;display:inline-flex;box-shadow:0 4px 16px #00e5ff33}.btn-login:hover{transform:translateY(-2px);box-shadow:0 8px 28px #00e5ff61}.btn-login:active{transform:scale(.97)}.nav-user{z-index:1000;position:relative}.nav-avatar-btn{align-items:center;gap:var(--space-2);border-radius:var(--radius-full);background:var(--bg-glass);border:1px solid var(--border-light);color:var(--text-primary);font-size:var(--text-sm);font-weight:var(--fw-semibold);cursor:pointer;transition:var(--transition-normal);-webkit-backdrop-filter:blur(var(--blur-sm));backdrop-filter:blur(var(--blur-sm));padding:.45rem .9rem;display:flex}.nav-avatar-btn:hover{background:var(--bg-glass-hover);border-color:var(--color-primary)}.nav-avatar{font-size:1.1rem;line-height:1}.nav-user-name{text-overflow:ellipsis;white-space:nowrap;max-width:100px;overflow:hidden}.nav-chevron{color:var(--text-muted);transition:transform var(--transition-fast);flex-shrink:0}.nav-avatar-btn[aria-expanded=true] .nav-chevron{transform:rotate(180deg)}.nav-dropdown{background:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-lg);min-width:220px;box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(var(--blur-md));backdrop-filter:blur(var(--blur-md));z-index:1001;animation:.2s fadeDown;position:absolute;top:calc(100% + 10px);right:0;overflow:hidden}.nav-dropdown-header{align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);display:flex}.nav-dropdown-avatar{flex-shrink:0;font-size:1.6rem;line-height:1}.nav-dropdown-header strong{font-size:var(--text-sm);font-weight:var(--fw-semibold);display:block}.nav-dropdown-header span{font-size:var(--text-xs);color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;max-width:140px;display:block;overflow:hidden}.nav-dropdown-divider{border:none;border-top:1px solid var(--border-color);margin:0}.nav-dropdown-item{align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3) var(--space-5);color:var(--text-secondary);font-size:var(--text-sm);font-weight:var(--fw-medium);font-family:var(--font-body);cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast);text-align:left;background:0 0;border:none;display:flex}.nav-dropdown-item:hover{background:var(--bg-glass-hover);color:var(--text-primary)}.nav-dropdown-item--danger{color:var(--color-danger)}.nav-dropdown-item--danger:hover{color:var(--color-danger);background:#ef444414}.quiz-page{min-height:100vh;padding:clamp(1.5rem, 4vw, 3rem) var(--space-5);padding-top:var(--space-9);justify-content:center;align-items:flex-start;display:flex}.quiz-page .quiz-card{background:var(--bg-glass);width:100%;max-width:820px;-webkit-backdrop-filter:blur(var(--blur-lg));border:1px solid var(--border-light);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);padding:clamp(1.5rem,4vw,2.5rem);position:relative;overflow:hidden}.quiz-card:before{content:"";background:linear-gradient(90deg,#0000,#ffffff40,#0000);width:100%;height:1px;position:absolute;top:0;left:0}.quiz-header{margin-bottom:var(--space-5);justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.quiz-meta{flex-direction:column;gap:4px;display:flex}.quiz-logo{align-items:center;gap:var(--space-2);font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--fw-bold);background:linear-gradient(110deg,#fff 0%,#a5b4fc 50%,#00e5ff 100%);-webkit-text-fill-color:transparent;transition:opacity var(--transition-fast);-webkit-background-clip:text;background-clip:text;line-height:1;text-decoration:none;display:flex}.quiz-logo:hover{opacity:.8}.quiz-logo svg{filter:drop-shadow(0 0 5px #00e5ff66);flex-shrink:0}.quiz-meta p{font-size:var(--text-sm);color:var(--text-muted);margin:0}.quiz-meta .player-name{font-size:var(--text-sm);color:var(--color-primary);font-weight:var(--fw-medium)}.timer-widget{flex-direction:column;align-items:center;gap:4px;min-width:80px;display:flex}.timer{border-radius:var(--radius-md);min-width:80px;font-weight:var(--fw-bold);font-size:var(--text-lg);font-family:var(--font-display);transition:background var(--transition-normal), color var(--transition-normal);justify-content:center;align-items:center;gap:6px;padding:.6rem 1.1rem;line-height:1;display:flex}.timer.safe{color:#22c55e;background:#22c55e26}.timer.warning{color:#facc15;background:#facc1526}.timer.danger{color:#ef4444;background:#ef444426;animation:.7s infinite timerPulse}.timer-track{width:100%;height:4px;margin-bottom:var(--space-5);background:#ffffff14;border-radius:999px;overflow:hidden}.timer-bar{border-radius:999px;height:100%;transition:width 1s linear,background-color .4s}.timer-bar.safe{background:linear-gradient(90deg,#22c55e,#16a34a)}.timer-bar.warning{background:linear-gradient(90deg,#facc15,#d97706)}.timer-bar.danger{background:linear-gradient(90deg,#ef4444,#b91c1c)}.quiz-progress{margin-bottom:var(--space-5)}.quiz-progress-label{margin-bottom:var(--space-2);justify-content:space-between;align-items:center;display:flex}.quiz-progress-label span{font-size:var(--text-sm);font-weight:var(--fw-semibold);color:var(--text-secondary)}.progress-track{background:#ffffff14;border-radius:999px;height:6px;overflow:hidden}.progress-fill{background:var(--gradient-primary);border-radius:999px;height:100%;transition:width .5s}.question-palette{gap:var(--space-2);margin-bottom:var(--space-6);padding:var(--space-4);border-radius:var(--radius-md);border:1px solid var(--border-color);background:#0003;flex-wrap:wrap;display:flex}.palette-btn{border-radius:var(--radius-sm);border:1px solid var(--border-color);background:var(--bg-input);width:38px;height:38px;color:var(--text-muted);font-size:var(--text-sm);font-weight:var(--fw-semibold);cursor:pointer;transition:var(--transition-fast);justify-content:center;align-items:center;display:flex}.palette-btn:hover{border-color:var(--color-primary);color:var(--color-primary);transform:scale(1.08)}.palette-btn.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary);box-shadow:var(--shadow-glow-sm)}.palette-btn.answered{color:#22c55e;background:#22c55e33;border-color:#22c55e}.palette-btn.skipped{color:#facc15;background:#facc1526;border-color:#facc15}.palette-btn.active.answered{color:#fff;background:#22c55e}.question-card{margin-bottom:var(--space-6)}.question-number{font-size:var(--text-xs);font-weight:var(--fw-semibold);text-transform:uppercase;letter-spacing:.08em;color:var(--color-primary);margin-bottom:var(--space-3)}.question-text{font-size:clamp(1rem,2.2vw,1.2rem);font-weight:var(--fw-semibold);font-family:var(--font-display);line-height:var(--lh-snug);color:var(--text-primary);margin-bottom:var(--space-6)}.options{gap:var(--space-3);flex-direction:column;display:flex}.option-btn{align-items:center;gap:var(--space-4);width:100%;padding:var(--space-4) var(--space-5);border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-input);cursor:pointer;transition:transform var(--transition-fast), border-color var(--transition-fast), background var(--transition-fast), box-shadow var(--transition-fast);text-align:left;display:flex;position:relative;overflow:hidden}.option-btn:after{content:"";opacity:0;background:#ffffff1f;border-radius:50%;width:0;height:0;transition:width .4s,height .4s,opacity .4s;position:absolute;transform:translate(-50%,-50%)}.option-btn:hover:not([disabled]){background:var(--bg-glass-hover);border-color:#6366f180;transform:translateY(-3px);box-shadow:0 8px 24px #00000040}.option-btn:active:not([disabled]):after{opacity:0;width:200px;height:200px}.option-btn[disabled]{cursor:not-allowed}.option-letter{width:40px;height:40px;font-size:var(--text-sm);font-weight:var(--fw-bold);font-family:var(--font-display);transition:background var(--transition-fast), color var(--transition-fast);background:#ffffff12;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.option-text{font-size:var(--text-md);font-weight:var(--fw-medium);color:var(--text-primary);flex:1}.option-btn.correct{background:#22c55e24;border-color:#22c55e}.option-btn.correct .option-letter{color:#fff;background:#22c55e}.option-btn.wrong{background:#ef444424;border-color:#ef4444}.option-btn.wrong .option-letter{color:#fff;background:#ef4444}.quiz-actions{justify-content:space-between;align-items:center;gap:var(--space-4);margin-top:var(--space-6);padding-top:var(--space-5);border-top:1px solid var(--border-color);display:flex}.quiz-actions .btn-prev{border-radius:var(--radius-md);background:var(--bg-glass);border:1px solid var(--border-color);color:var(--text-secondary);font-weight:var(--fw-semibold);font-size:var(--text-sm);cursor:pointer;transition:var(--transition-normal);padding:.75rem 1.4rem}.quiz-actions .btn-prev:hover{background:var(--bg-glass-hover);border-color:var(--border-light);color:var(--text-primary)}.quiz-actions .btn-next,.quiz-actions .btn-finish{border-radius:var(--radius-md);background:var(--gradient-primary);color:#fff;font-weight:var(--fw-bold);font-size:var(--text-sm);cursor:pointer;transition:var(--transition-normal);border:none;padding:.75rem 2rem;box-shadow:0 6px 24px #00e5ff33}.quiz-actions .btn-next:hover,.quiz-actions .btn-finish:hover{transform:translateY(-3px);box-shadow:0 12px 40px #00e5ff59}.quiz-actions .btn-finish{background:var(--gradient-success);box-shadow:0 6px 24px #22c55e40}.quiz-actions .btn-finish:hover{box-shadow:0 12px 40px #22c55e66}.kbd-hints{gap:var(--space-3);margin-top:var(--space-5);padding-top:var(--space-4);border-top:1px solid var(--border-color);flex-wrap:wrap;display:flex}.kbd-hint{align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--text-disabled);display:flex}kbd{border:1px solid var(--border-color);min-width:24px;height:22px;font-family:var(--font-body);font-size:var(--text-xs);font-weight:var(--fw-medium);color:var(--text-muted);box-shadow:0 1px 0 var(--border-light);background:#ffffff12;border-radius:4px;justify-content:center;align-items:center;padding:0 6px;display:inline-flex}[hidden]{display:none!important}.modal-overlay{background:var(--bg-overlay);-webkit-backdrop-filter:blur(6px);z-index:var(--z-modal);padding:var(--space-5);justify-content:center;align-items:center;animation:.25s forwards fadeIn;display:flex;position:fixed;inset:0}.modal{background:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-xl);padding:var(--space-9);width:100%;max-width:460px;box-shadow:var(--shadow-xl);text-align:center;animation:modalIn .3s var(--transition-spring) forwards;position:relative;transform:scale(.92)}.modal-icon{margin-bottom:var(--space-4);font-size:3rem}.modal h2{font-size:var(--text-2xl);margin-bottom:var(--space-3)}.modal p{color:var(--text-muted);margin-bottom:var(--space-7)}.modal-stats{gap:var(--space-4);margin-bottom:var(--space-7);padding:var(--space-5);background:var(--bg-glass);border-radius:var(--radius-md);border:1px solid var(--border-color);grid-template-columns:repeat(3,1fr);display:grid}.modal-stat span:first-child{font-size:var(--text-xl);font-weight:var(--fw-bold);font-family:var(--font-display);display:block}.modal-stat span:last-child{font-size:var(--text-xs);color:var(--text-muted);margin-top:2px;display:block}.modal-actions{gap:var(--space-4);display:flex}.modal-actions .btn-cancel{border-radius:var(--radius-md);background:var(--bg-glass);border:1px solid var(--border-color);color:var(--text-secondary);font-weight:var(--fw-semibold);cursor:pointer;transition:var(--transition-normal);flex:1;padding:.85rem}.modal-actions .btn-cancel:hover{background:var(--bg-glass-hover)}.modal-actions .btn-confirm{border-radius:var(--radius-md);background:var(--gradient-primary);color:#fff;font-weight:var(--fw-bold);cursor:pointer;transition:var(--transition-normal);border:none;flex:1;padding:.85rem;box-shadow:0 6px 20px #00e5ff40}.modal-actions .btn-confirm:hover{transform:translateY(-2px);box-shadow:0 10px 32px #00e5ff66}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(calc(100% + 2rem))}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.88)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}@keyframes glow{0%,to{box-shadow:0 0 20px #00e5ff4d}50%{box-shadow:0 0 40px #00e5ff80}}@keyframes ripple{0%{opacity:.45;transform:scale(0)}to{opacity:0;transform:scale(2.8)}}@keyframes timerWarning{0%,to{color:var(--color-warning)}50%{color:var(--color-danger)}}@keyframes scoreRingFill{0%{stroke-dashoffset:345px}to{stroke-dashoffset:0}}.score-ring-fill{animation:1.6s cubic-bezier(.25,.46,.45,.94) forwards scoreRingFill!important}.btn-primary{will-change:transform}.btn-primary:hover{transition:transform .2s,box-shadow .2s}.surface-card{will-change:transform}.surface-card:hover{transition:transform .2s,box-shadow .2s}@supports ((-webkit-backdrop-filter:blur(0)) or (backdrop-filter:blur(0))){.bg-glass{-webkit-backdrop-filter:blur(var(--blur-sm))}}@supports not ((-webkit-backdrop-filter:blur(0)) or (backdrop-filter:blur(0))){.bg-glass{background:#ffffff14}}@keyframes floatCard{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes floatGradient{0%,to{transform:translate(0)scale(1)}50%{transform:translate(70px,-55px)scale(1.18)}}@keyframes floatOrb{0%,to{transform:translate(0)}50%{transform:translate(28px,-55px)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeDown{0%{opacity:0;transform:translateY(-24px)}to{opacity:1;transform:translateY(0)}}@keyframes modalIn{0%{opacity:0;transform:scale(.88)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes timerPulse{0%,to{transform:scale(1)}50%{transform:scale(1.07)}}@keyframes ringFill{0%{stroke-dashoffset:345px}}@keyframes confettiFall{0%{opacity:1;transform:translateY(-10vh)rotate(0)scale(1)}80%{opacity:1}to{opacity:0;transform:translateY(110vh)rotate(720deg)scale(.4)}}@keyframes confettiWiggle{0%,to{margin-left:0}25%{margin-left:-8px}75%{margin-left:8px}}.ripple-origin{position:relative;overflow:hidden}.ripple-circle{pointer-events:none;background:#ffffff40;border-radius:50%;animation:.55s linear ripple;position:absolute;transform:scale(0)}@keyframes skeletonPulse{0%,to{opacity:1}50%{opacity:.4}}.skeleton{border-radius:var(--radius-sm);background:#ffffff0f;animation:1.6s infinite skeletonPulse}@keyframes popIn{0%{opacity:0;transform:scale(.5)}70%{opacity:1;transform:scale(1.15)}to{transform:scale(1)}}.pop-in{animation:popIn .5s var(--transition-spring) both}.anim-ready{opacity:0}.anim-done{opacity:1}.page-transition{background:var(--bg);z-index:999;pointer-events:none;opacity:0;position:fixed;inset:0}.hover-lift{transition:transform var(--transition-normal), box-shadow var(--transition-normal)}.hover-lift:hover{box-shadow:var(--shadow-md);transform:translateY(-5px)}@keyframes glowPulse{0%,to{box-shadow:0 0 12px #22c55e4d}50%{box-shadow:0 0 30px #22c55ea6}}.glow-green,.glow-blue{animation:2.2s ease-in-out infinite glowPulse}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-5px)}80%{transform:translate(5px)}}.input-error{animation:.4s shake;border-color:var(--color-danger)!important;box-shadow:0 0 0 3px #ef444433!important}.nq-loader-overlay{background:var(--bg);z-index:9000;padding:var(--space-5);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.nq-loader-card{align-items:center;gap:var(--space-4);text-align:center;width:100%;max-width:360px;padding:var(--space-9) var(--space-8);background:var(--bg-glass);border:1px solid var(--border-light);border-radius:var(--radius-xl);-webkit-backdrop-filter:blur(var(--blur-lg));backdrop-filter:blur(var(--blur-lg));box-shadow:var(--shadow-xl);flex-direction:column;display:flex;position:relative;overflow:hidden}.nq-loader-card:before{content:"";background:linear-gradient(90deg,#0000,#ffffff59,#0000);width:100%;height:1px;position:absolute;top:0;left:0}.nq-loader-logo{justify-content:center;align-items:center;animation:1.4s ease-in-out infinite nqLogoPulse;display:flex}.nq-loader-logo svg{filter:drop-shadow(0 0 8px #00e5ff66)}@keyframes nqLogoPulse{0%,to{filter:drop-shadow(0 0 #00e5ff00);transform:scale(1)}50%{filter:drop-shadow(0 0 18px #00e5ff99);transform:scale(1.12)}}.nq-loader-title{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--fw-extrabold);background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0}.nq-loader-sub{font-size:var(--text-sm);color:var(--text-muted);min-height:1.4em;transition:opacity var(--transition-normal);margin:0}.nq-loader-track{background:#ffffff14;border-radius:999px;width:100%;height:6px;overflow:hidden}.nq-loader-bar{background:var(--gradient-primary);border-radius:999px;width:0%;height:100%;position:relative}.nq-loader-bar:after{content:"";background:linear-gradient(90deg,#0000 0%,#fff6 50%,#0000 100%) 0 0/200% 100%;animation:1.2s linear infinite shimmer;position:absolute;inset:0}.nq-loader-pct{font-family:var(--font-display);font-size:var(--text-sm);font-weight:var(--fw-bold);color:var(--color-primary);letter-spacing:.05em}.achievement-toast{bottom:var(--space-6);right:var(--space-6);align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);background:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);-webkit-backdrop-filter:blur(var(--blur-md));backdrop-filter:blur(var(--blur-md));z-index:var(--z-toast);min-width:260px;max-width:340px;display:flex;position:fixed;transform:translate(calc(100% + 2rem))}.achievement-toast:before{content:"";border-radius:var(--radius-lg) var(--radius-lg) 0 0;background:linear-gradient(90deg,#0000,gold,#0000);width:100%;height:2px;position:absolute;top:0;left:0}.achievement-toast-icon{filter:drop-shadow(0 0 8px);animation:nqAchPop .5s var(--transition-spring) both;flex-shrink:0;font-size:2.2rem}@keyframes nqAchPop{0%{transform:scale(0)}70%{transform:scale(1.2)}to{transform:scale(1)}}.achievement-toast-body{flex-direction:column;gap:2px;display:flex}.achievement-toast-label{font-size:var(--text-xs);font-weight:var(--fw-semibold);text-transform:uppercase;letter-spacing:.07em;color:gold}.achievement-toast-title{font-size:var(--text-sm);font-weight:var(--fw-bold);color:var(--text-primary)}.achievement-toast-desc{font-size:var(--text-xs);color:var(--text-muted)}.achievements-section{border-top:1px solid var(--border-color);padding-top:var(--space-7);margin-top:var(--space-4)}.achievements-heading{align-items:center;gap:var(--space-2);font-size:var(--text-md);font-weight:var(--fw-semibold);margin-bottom:var(--space-5);display:flex}.achievements-grid{gap:var(--space-3);flex-wrap:wrap;display:flex}.achievement-badge{align-items:center;gap:var(--space-1);padding:var(--space-4) var(--space-5);background:var(--bg-glass);border:1px solid color-mix(in srgb, var(--ach-color,#fff) 30%, transparent);border-radius:var(--radius-lg);cursor:default;min-width:90px;transition:transform var(--transition-normal), box-shadow var(--transition-normal);animation:popIn .45s var(--transition-spring) both;flex-direction:column;display:flex}.achievement-badge:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000004d}.achievement-badge-icon{filter:drop-shadow(0 0 6px var(--ach-color,#fff));font-size:1.8rem}.achievement-badge-title{font-size:var(--text-xs);font-weight:var(--fw-semibold);color:var(--ach-color,var(--text-muted));text-align:center;white-space:nowrap}.resume-modal{max-width:460px}.resume-meta{gap:var(--space-3);margin-block:var(--space-5);padding:var(--space-4);background:var(--bg-glass);border:1px solid var(--border-color);border-radius:var(--radius-md);grid-template-columns:repeat(3,1fr);display:grid}.resume-meta-item{flex-direction:column;align-items:center;gap:4px;display:flex}.resume-meta-label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted)}.resume-meta-value{font-size:var(--text-sm);font-weight:var(--fw-bold);color:var(--text-primary)}.resume-bar-track{width:100%;height:6px;margin-bottom:var(--space-2);background:#ffffff14;border-radius:999px;overflow:hidden}.resume-bar-fill{background:var(--gradient-primary);border-radius:999px;height:100%}.resume-bar-label{font-size:var(--text-xs);color:var(--text-muted);text-align:center;display:block}.sound-btn{border-radius:var(--radius-full);background:var(--bg-glass);border:1px solid var(--border-color);width:42px;height:42px;-webkit-backdrop-filter:blur(var(--blur-sm));backdrop-filter:blur(var(--blur-sm));color:var(--text-primary);cursor:pointer;transition:var(--transition-normal);justify-content:center;align-items:center;font-size:1rem;display:flex}.sound-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.sound-btn.muted{color:var(--text-disabled)}.sound-btn.muted:hover{color:var(--color-danger);border-color:var(--color-danger)}.user-profile-page{gap:var(--space-6);padding:var(--space-8);background:var(--bg);grid-template-columns:320px 1fr;min-height:100vh;display:grid}.profile-sidebar{gap:var(--space-6);flex-direction:column;display:flex}.profile-header{align-items:center;gap:var(--space-4);padding:var(--space-5);background:var(--bg-glass);border:1px solid var(--border-color);border-radius:var(--radius-lg);text-align:center;flex-direction:column;display:flex}.profile-avatar{border-radius:var(--radius-full);background:var(--gradient-primary);justify-content:center;align-items:center;width:100px;height:100px;display:flex;box-shadow:0 0 30px #00e5ff4d}.profile-info h2{margin:var(--space-2) 0 0;font-size:var(--text-xl);color:var(--text-primary)}.profile-email{font-size:var(--text-sm);color:var(--text-muted);margin:0}.btn-logout{width:100%;padding:var(--space-2) var(--space-3);color:#ef4444;border-radius:var(--radius-md);cursor:pointer;font-weight:var(--fw-semibold);font-size:var(--text-sm);transition:all var(--transition-normal);background:#ef444426;border:1px solid #ef44444d}.btn-logout:hover{background:#ef444440;border-color:#ef4444}.profile-stats-card{gap:var(--space-3);padding:var(--space-5);background:var(--bg-glass);border:1px solid var(--border-color);border-radius:var(--radius-lg);flex-direction:column;display:flex}.stat-row{padding-bottom:var(--space-3);border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;display:flex}.stat-row:last-child{border-bottom:none;padding-bottom:0}.stat-label{font-size:var(--text-sm);color:var(--text-muted);font-weight:var(--fw-medium)}.stat-value{font-size:var(--text-lg);font-weight:var(--fw-bold);color:var(--color-primary)}.profile-section{padding:var(--space-5);background:var(--bg-glass);border:1px solid var(--border-color);border-radius:var(--radius-lg)}.profile-section h3{margin:0 0 var(--space-4);font-size:var(--text-md);color:var(--text-primary)}.community-stats{gap:var(--space-2);flex-direction:column;display:flex}.community-stat{align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-secondary);display:flex}.stat-icon{font-size:1.2rem}.categories-list{gap:var(--space-3);flex-direction:column;display:flex}.category-item{align-items:center;gap:var(--space-2);font-size:var(--text-xs);display:flex}.category-name{font-weight:var(--fw-semibold);color:var(--text-primary);flex:0 0 60px}.category-solved{text-align:right;color:var(--text-muted);font-weight:var(--fw-medium);flex:0 0 45px}.category-bar{background:var(--border-color);border-radius:var(--radius-full);flex:1;height:6px;overflow:hidden}.category-fill{background:var(--gradient-primary);border-radius:var(--radius-full);height:100%}.category-accuracy{text-align:right;color:var(--color-primary);font-weight:var(--fw-bold);flex:0 0 35px}.profile-main{gap:var(--space-8);flex-direction:column;display:flex}.section-title{align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);display:flex}.section-title h3{font-size:var(--text-2xl);color:var(--text-primary);margin:0}.badge-count{background:var(--color-primary);width:32px;height:32px;color:var(--bg);border-radius:var(--radius-full);font-weight:var(--fw-bold);font-size:var(--text-sm);justify-content:center;align-items:center;display:inline-flex}.badges-section{padding:var(--space-6);background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg)}.badges-section.locked{opacity:.7}.badges-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(140px,1fr));display:grid}.badge-card{align-items:center;gap:var(--space-2);padding:var(--space-4);background:var(--bg-glass);border:2px solid var(--border-color);border-radius:var(--radius-lg);text-align:center;transition:all var(--transition-normal);cursor:pointer;flex-direction:column;display:flex}.badge-card:hover:not(.locked){border-color:var(--color-primary);transform:translateY(-4px);box-shadow:0 0 20px #00e5ff4d}.badge-emoji{padding:var(--space-2);border-radius:var(--radius-md);justify-content:center;align-items:center;font-size:2.5rem;display:flex}.badge-emoji.locked-emoji{background:#6b728033;font-size:2rem}.badge-title{font-weight:var(--fw-bold);font-size:var(--text-sm);color:var(--text-primary)}.badge-desc{font-size:var(--text-xs);color:var(--text-muted);line-height:var(--lh-snug)}.badge-unlocked{margin-top:var(--space-1);padding:var(--space-1) var(--space-2);color:#22c55e;border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:var(--fw-semibold);background:#22c55e26;display:inline-block}.badge-locked{margin-top:var(--space-1);padding:var(--space-1) var(--space-2);color:var(--text-muted);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:var(--fw-semibold);background:#6b728026;display:inline-block}.activity-section{padding:var(--space-6);background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg)}.activity-list{gap:var(--space-3);flex-direction:column;display:flex}.activity-item{gap:var(--space-4);padding:var(--space-4);background:var(--bg-glass);border:1px solid var(--border-color);border-radius:var(--radius-md);transition:all var(--transition-normal);grid-template-columns:80px 1fr 60px;align-items:center;display:grid}.activity-item:hover{border-color:var(--border-light);box-shadow:0 4px 12px #0003}.activity-date{font-size:var(--text-xs);font-weight:var(--fw-semibold);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.activity-info{gap:var(--space-1);flex-direction:column;display:flex}.activity-category{font-weight:var(--fw-semibold);color:var(--text-primary);font-size:var(--text-sm)}.activity-score{font-size:var(--text-xs);color:var(--text-muted)}.activity-time{font-weight:var(--fw-bold);color:var(--color-primary);text-align:right;font-size:var(--text-sm)}.empty-state{text-align:center;padding:var(--space-8);color:var(--text-muted)}@media (width<=1024px){.user-profile-page{grid-template-columns:1fr}.badges-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}}@media (width<=640px){.user-profile-page{padding:var(--space-4);gap:var(--space-4)}.activity-item{gap:var(--space-2);grid-template-columns:1fr}.activity-time{text-align:left}.badges-grid{grid-template-columns:repeat(2,1fr)}}.kbd-hints{display:none}.hero{gap:var(--space-8);padding-block:var(--space-9);grid-template-columns:1fr;min-height:auto}.stats{gap:var(--space-4);grid-template-columns:1fr}.breakdown-grid{grid-template-columns:1fr}.result-stats-grid{grid-template-columns:repeat(2,1fr)}.footer-main{gap:var(--space-6);flex-direction:column}.footer-bottom-bar{text-align:center;gap:var(--space-3);flex-direction:column}.modal{padding:var(--space-7);border-radius:var(--radius-lg)}.modal-stats{grid-template-columns:repeat(3,1fr)}.result-hero{text-align:center;flex-direction:column;align-items:center}.result-meta{justify-content:center}.result-actions{flex-direction:column}.review-header{align-items:flex-start;gap:var(--space-3);flex-direction:column}@media (width>=480px){.stats{grid-template-columns:repeat(3,1fr)}.result-actions{flex-direction:row}}@media (width>=768px){.kbd-hints{display:flex}.hero{padding-block:var(--space-11);grid-template-columns:1.15fr .85fr;gap:clamp(2rem,5vw,5rem);min-height:80vh}.breakdown-grid{grid-template-columns:1fr 1fr}.result-stats-grid{grid-template-columns:repeat(4,1fr)}.footer-main{flex-direction:row;justify-content:space-between}.footer-bottom-bar,.result-hero{text-align:left;flex-direction:row}.result-meta{justify-content:flex-start}.review-header{flex-direction:row;align-items:center}h1{font-size:clamp(2.2rem,5vw,3.5rem)}}@media (width>=1024px){.features-grid,.steps-container{grid-template-columns:repeat(3,1fr)}.stats-grid{grid-template-columns:repeat(4,1fr)}.testimonial-grid{grid-template-columns:repeat(3,1fr)}.quiz-page .quiz-card{max-width:860px}}@media (width>=1280px){.hero{gap:5rem}}@media (height<=480px) and (orientation:landscape){.quiz-page,.result-page{padding-top:var(--space-5)}}@media print{.background,.noise,.orb,.gradient,.theme-btn,.kbd-hints,.toast{display:none!important}body{color:#000;background:#fff}}