@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=Plus+Jakarta+Sans:wght@400;500;600;700;800;900&display=swap";@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800;900&family=Inter:wght@400;500;600;700;800;900&display=swap";:root{--indigo-400: #818cf8;--indigo-500: #6366f1;--indigo-600: #4f46e5;--purple-400: #c084fc;--cyan-400: #22d3ee;--cyan-500: #06b6d4;--green-400: #34d399;--green-500: #10b981;--amber-400: #fbbf24;--amber-500: #f59e0b;--sky-400: #38bdf8;--sky-500: #0ea5e9;--surface-0: #0d0f1f;--surface-1: #111422;--surface-2: #141830;--surface-3: #1a1f3a;--glass-bg: rgba(255,255,255,.06);--glass-border: rgba(255,255,255,.1);--glass-shadow: 0 8px 32px rgba(0,0,0,.4);--text-primary: #f1f5f9;--text-secondary: #94a3b8;--text-muted: #64748b;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--radius-xl: 28px;--radius-pill: 999px;--font-base: "Inter", system-ui, -apple-system, sans-serif}.home-page-v2{font-family:var(--font-base);display:flex;flex-direction:column;overflow-x:hidden;background:#fff;color:#0f172a;--hero-bg: linear-gradient(160deg, #f0f4ff 0%, #eef2ff 55%, #e8f0fe 100%);--hero-title: #0f172a;--hero-sub: #475569;--pill-bg: rgba(99,102,241,.08);--pill-border: rgba(99,102,241,.25);--pill-color: #4f46e5;--grid-line: rgba(99,102,241,.06);--orb1: rgba(99,102,241,.12);--orb2: rgba(14,165,233,.1);--card-bg: #ffffff;--card-border: rgba(0,0,0,.07);--card-shadow: 0 0 0 1px rgba(99,102,241,.06), 0 24px 64px rgba(0,0,0,.09);--hdr-bg: rgba(0,0,0,.025);--hdr-border: rgba(0,0,0,.05);--float-bg: rgba(255,255,255,.92);--float-border: rgba(0,0,0,.08);--float-shadow: 0 16px 40px rgba(0,0,0,.1);--float-val: #0f172a;--float-sub: #64748b;--skills-bg: #f8fafc;--sc-card-bg: #ffffff;--sc-card-border: #e2e8f0;--sec-title: #0f172a;--sec-sub: #64748b;--sc-title: #0f172a;--sc-desc: #64748b;--how-bg: #ffffff;--step-title: #0f172a;--step-desc: #64748b;--step-icon-bg: linear-gradient(135deg,#eef2ff,#e0e7ff);--step-icon-border: #e0e7ff;--step-num-bg: #eef2ff;--step-num-color: #6366f1;--connector: linear-gradient(to right,#e2e8f0,#6366f1,#e2e8f0);--eyebrow: #6366f1;--eyebrow-dark: #4f46e5;--skill-bar-bg: rgba(0,0,0,.06);--skill-name: #475569;--skill-score: #0f172a;--trust-border: #ffffff;--trust-txt: #64748b;--trust-strong: #6366f1;--admin-link: rgba(0,0,0,.2);--admin-hover: rgba(0,0,0,.5);--ring-inner: #f0f4ff;--ring-val: #0f172a;--ring-label: #94a3b8}.home-page-v2.dark-mode{background:var(--surface-0);color:var(--text-primary);--hero-bg: linear-gradient(160deg, #0d0f1f 0%, #141038 50%, #0a0f1e 100%);--hero-title: #f1f5f9;--hero-sub: #94a3b8;--pill-bg: rgba(99,102,241,.15);--pill-border: rgba(99,102,241,.35);--pill-color: #a5b4fc;--grid-line: rgba(255,255,255,.03);--orb1: rgba(99,102,241,.22);--orb2: rgba(14,165,233,.18);--card-bg: rgba(255,255,255,.04);--card-border: rgba(255,255,255,.1);--card-shadow: 0 0 0 1px rgba(99,102,241,.1), 0 40px 80px rgba(0,0,0,.55);--hdr-bg: rgba(255,255,255,.03);--hdr-border: rgba(255,255,255,.06);--float-bg: rgba(20,24,48,.88);--float-border: rgba(255,255,255,.12);--float-shadow: 0 20px 48px rgba(0,0,0,.4);--float-val: #ffffff;--float-sub: #64748b;--skills-bg: #07091a;--sc-card-bg: #141830;--sc-card-border: rgba(255,255,255,.07);--sec-title: #f1f5f9;--sec-sub: #64748b;--sc-title: #f1f5f9;--sc-desc: #64748b;--how-bg: #0a0d1e;--step-title: #f1f5f9;--step-desc: #64748b;--step-icon-bg: linear-gradient(135deg,rgba(99,102,241,.15),rgba(79,70,229,.08));--step-icon-border: rgba(99,102,241,.2);--step-num-bg: rgba(99,102,241,.12);--step-num-color: #818cf8;--connector: linear-gradient(to right,rgba(255,255,255,.05),#6366f1,rgba(255,255,255,.05));--eyebrow: #818cf8;--eyebrow-dark: #818cf8;--skill-bar-bg: rgba(255,255,255,.06);--skill-name: #64748b;--skill-score: #e2e8f0;--trust-border: #0d0f1f;--trust-txt: #64748b;--trust-strong: #a5b4fc;--admin-link: rgba(255,255,255,.2);--admin-hover: rgba(255,255,255,.55);--ring-inner: #0a0f1e;--ring-val: #ffffff;--ring-label: #64748b}.home-page-v2 *,.home-page-v2 *:before,.home-page-v2 *:after{transition:background-color .4s ease,background .4s ease,color .3s ease,border-color .3s ease,box-shadow .3s ease}.home-page-v2 .main-visual-card,.home-page-v2 .waves span,.home-page-v2 .floating-badge,.home-page-v2 .hero-visual,.home-page-v2 .hv2-fc-wbar,.home-page-v2 .ai-demo-wbar{transition:none!important}@keyframes fadeInUp{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}@keyframes visualFadeIn{0%{opacity:0}to{opacity:1}}@keyframes revealCard{0%{opacity:0;transform:translateY(32px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes revealLine{0%{opacity:0;transform:translateY(24px) skewY(1.5deg)}to{opacity:1;transform:translateY(0) skewY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}@keyframes heroFloat{0%,to{transform:rotateX(12deg) rotateY(-25deg) translateY(0)}50%{transform:rotateX(12deg) rotateY(-25deg) translateY(-16px)}}@keyframes floatA{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes floatB{0%,to{transform:translateY(0)}50%{transform:translateY(10px)}}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes pulse-glow{0%,to{box-shadow:0 0 #6366f199,0 8px 24px #6366f159}50%{box-shadow:0 0 0 12px #6366f100,0 12px 36px #6366f180}}@keyframes wave-anim{0%,to{transform:scaleY(.4)}50%{transform:scaleY(1)}}@keyframes barGrow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes popIn{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@keyframes orbPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.08);opacity:.8}}@keyframes dotBlink{0%,to{opacity:1;box-shadow:0 0 8px #6366f1}50%{opacity:.4;box-shadow:0 0 2px #6366f1}}@keyframes shimmerText{0%{background-position:0% center}50%{background-position:100% center}to{background-position:0% center}}@keyframes cursorBlink{0%,to{opacity:1}50%{opacity:0}}@keyframes scrollWheel{0%{transform:translateY(0);opacity:1}to{transform:translateY(11px);opacity:0}}@keyframes hv2-float1{0%,to{transform:translateY(0) rotateX(3deg) rotateY(-5deg) rotate(1deg)}50%{transform:translateY(-18px) rotateX(-3deg) rotateY(5deg) rotate(-1deg)}}@keyframes hv2-float2{0%,to{transform:translateY(0) rotateX(-4deg) rotateY(6deg) rotate(-1.5deg)}50%{transform:translateY(-22px) rotateX(4deg) rotateY(-6deg) rotate(1.5deg)}}@keyframes hv2-float3{0%,to{transform:translateY(0) rotateX(5deg) rotateY(-4deg) rotate(2deg)}50%{transform:translateY(-14px) rotateX(-5deg) rotateY(4deg) rotate(-2deg)}}@keyframes hv2-float4{0%,to{transform:translateY(0) rotateX(-3deg) rotateY(7deg) rotate(-1deg)}50%{transform:translateY(-20px) rotateX(3deg) rotateY(-7deg) rotate(1deg)}}@keyframes hv2-wave-pulse{0%{height:3px;opacity:.45}to{height:22px;opacity:1}}@keyframes ann-shimmer{0%{transform:translate(-100%)}50%{transform:translate(100%)}to{transform:translate(100%)}}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.35)}}@keyframes ai-orb-drift{0%,to{transform:translate(0) scale(1)}33%{transform:translate(80px,-50px) scale(1.08)}66%{transform:translate(-50px,70px) scale(.93)}}@keyframes ai-live-blink{0%,to{opacity:1;box-shadow:0 0 #22c55e80}50%{opacity:.7;box-shadow:0 0 0 6px #22c55e00}}@keyframes grad-shift{0%{background-position:0% center}to{background-position:100% center}}@keyframes ai-mic-pulse{0%{box-shadow:0 0 #6366f18c}70%{box-shadow:0 0 0 12px #6366f100}to{box-shadow:0 0 #6366f100}}@keyframes ai-wbar-anim{0%{transform:scaleY(.12);opacity:.45}50%{transform:scaleY(1);opacity:1}to{transform:scaleY(.12);opacity:.45}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.theme-toggle-fab{position:fixed;bottom:2rem;right:2rem;z-index:9999;width:52px;height:52px;border-radius:50%;border:1.5px solid rgba(99,102,241,.25);background:#ffffffeb;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 24px #6366f133,0 1px 4px #00000014;overflow:hidden;transition:transform .35s cubic-bezier(.34,1.56,.64,1),box-shadow .3s ease,background .4s ease,border-color .4s ease!important}.theme-toggle-fab:hover{transform:scale(1.12) rotate(12deg);box-shadow:0 8px 32px #6366f159}.theme-toggle-fab:active{transform:scale(.93)}.theme-toggle-fab.is-dark{background:#0a0f23eb;border-color:#818cf84d;box-shadow:0 4px 24px #6366f147,0 0 0 1px #6366f114}.fab-icons{position:relative;width:22px;height:22px}.fab-sun,.fab-moon{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;transition:opacity .35s ease,transform .45s cubic-bezier(.34,1.56,.64,1)!important}.theme-toggle-fab.is-light .fab-sun{opacity:1;transform:rotate(0) scale(1);color:#f59e0b}.theme-toggle-fab.is-light .fab-moon{opacity:0;transform:rotate(-90deg) scale(.5);color:#818cf8}.theme-toggle-fab.is-dark .fab-sun{opacity:0;transform:rotate(90deg) scale(.5);color:#f59e0b}.theme-toggle-fab.is-dark .fab-moon{opacity:1;transform:rotate(0) scale(1);color:#818cf8}.ann-bar{background:linear-gradient(90deg,#4f46e5,#6366f1,#818cf8);background-size:200% 100%;color:#fff;padding:9px 24px;display:flex;align-items:center;justify-content:center;gap:10px;font-size:12.5px;font-weight:600;letter-spacing:.01em;position:relative;z-index:10;overflow:hidden;box-shadow:0 2px 12px #6366f14d}.ann-bar.ann-dark{background:linear-gradient(90deg,#3730a3,#4f46e5,#6366f1)}.ann-bar:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.22) 50%,transparent 100%);transform:translate(-100%);animation:ann-shimmer 3.5s ease-in-out infinite;pointer-events:none}.ann-dot{width:7px;height:7px;border-radius:50%;background:#a5f3fc;animation:pulse-dot 1.6s ease-in-out infinite;flex-shrink:0}.ann-text{opacity:0;transition:opacity .3s ease}.ann-text.visible{opacity:1}.ann-link{color:#fffc;font-weight:700;text-decoration:none;white-space:nowrap;border-bottom:1px dashed rgba(255,255,255,.4);padding-bottom:1px;transition:color .2s,border-color .2s!important}.ann-link:hover{color:#fff;border-color:#fff}.home-hero{min-height:calc(100vh - 72px);display:flex;align-items:center;justify-content:space-between;padding:3rem 5%;background:var(--hero-bg);overflow-x:hidden;overflow-y:visible;position:relative;gap:4rem}.hero-grid-bg{position:absolute;inset:0;background-image:linear-gradient(var(--grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--grid-line) 1px,transparent 1px);background-size:48px 48px;pointer-events:none;z-index:0}.home-hero .hero-content,.home-hero .hero-visual,.home-hero .home-footer-subtle{position:relative;z-index:1}.hero-content{flex:1;max-width:680px;display:flex;flex-direction:column;animation:fadeInLeft .9s ease-out both}.hero-badge{display:inline-flex;align-items:center;gap:.4rem;align-self:flex-start;background:var(--pill-bg);color:var(--pill-color);font-size:.82rem;font-weight:600;padding:.55rem 1.1rem;border-radius:var(--radius-pill);margin-bottom:2rem;border:1px solid var(--pill-border);width:fit-content}.hero-title{font-family:var(--font-display);font-size:clamp(2.4rem,4.8vw,4.8rem);font-weight:var(--fw-black);line-height:1;letter-spacing:var(--ls-tighter);color:var(--hero-title);margin-bottom:1.4rem}.hero-title .highlight{background:linear-gradient(90deg,#4f46e5,#6366f1 40%,#06b6d4);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero-subtitle{font-family:var(--font-sans);font-size:1.15rem;font-weight:var(--fw-semibold);color:var(--hero-sub);line-height:1.65;margin-bottom:2rem;max-width:560px}.hero-trust{display:flex;flex-wrap:wrap;gap:12px;margin:14px 0 22px}.hero-trust-item{display:flex;align-items:center;gap:6px;font-size:12.5px;font-weight:600;color:var(--hero-sub)}.hero-trust-icon{font-size:14px}.hero-actions{display:flex;flex-direction:row;flex-wrap:nowrap;gap:.85rem;margin-bottom:2.5rem;align-items:center}.btn-hero-primary{background:linear-gradient(135deg,#5b52f0,#4338ca);color:#fff;border:none;padding:1rem 2rem;border-radius:14px;font-size:1rem;font-weight:700;cursor:pointer;font-family:var(--font-sans);letter-spacing:.1px;box-shadow:0 8px 28px #6366f161;display:inline-flex;align-items:center;gap:6px;transition:transform .2s,box-shadow .2s!important}.btn-hero-primary:hover{transform:translateY(-2px);box-shadow:0 14px 40px #6366f185}.btn-hero-secondary{background:transparent;color:#374151;border:2px solid #d1d5db;padding:1rem 2rem;border-radius:14px;font-size:1rem;font-weight:700;cursor:pointer;font-family:var(--font-sans);letter-spacing:.1px;display:inline-flex;align-items:center;gap:6px;transition:border-color .2s,background .2s,color .2s!important}.btn-hero-secondary:hover{border-color:#6366f1;color:#4f46e5;background:#eef2ff}.home-page-v2.dark-mode .btn-hero-secondary{color:#e2e8f0;border-color:#fff3}.home-page-v2.dark-mode .btn-hero-secondary:hover{border-color:#818cf8;color:#a5b4fc;background:#6366f11a}.hero-social-proof{display:flex;align-items:center;gap:12px;margin-top:20px;padding-top:20px;border-top:1px solid rgba(99,102,241,.12)}.hsp-avatars{display:flex}.hsp-avatar{width:32px;height:32px;border-radius:50%;border:2px solid var(--trust-border);color:#fff;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;margin-left:-8px;flex-shrink:0}.hsp-avatars .hsp-avatar:first-child{margin-left:0}.hsp-text{font-size:13px;color:var(--trust-txt)}.hsp-text strong{color:var(--trust-strong)}.hsp-stars{font-size:11px;color:#f59e0b;margin-top:2px}.hsp-stars span{color:#64748b;font-weight:600}.hero-visual{position:relative;flex-shrink:0;display:flex;align-items:center;justify-content:center;padding:60px 70px;perspective:800px;cursor:pointer;transform:none;animation:visualFadeIn .9s ease-out .2s both}.main-visual-card{width:360px;background:var(--card-bg);border-radius:24px;box-shadow:0 40px 80px -12px #00000038,-8px 0 24px #00000014;border:1px solid var(--card-border);overflow:hidden;transform-style:preserve-3d;will-change:transform;animation:heroFloat 5s ease-in-out infinite}.dark-mode .main-visual-card{background:#0f172a;border-color:#ffffff14;box-shadow:0 40px 80px -12px #0009,-8px 0 24px #0000004d}.visual-header{display:flex;align-items:center;gap:.75rem;padding:1rem 1.2rem;background:var(--hdr-bg);border-bottom:1px solid var(--hdr-border)}.dots{display:flex;gap:5px}.dots span{width:10px;height:10px;border-radius:50%;display:block}.address-bar{font-size:.72rem;color:#94a3b8;font-weight:600;background:var(--hdr-border);padding:.25rem .7rem;border-radius:6px}.visual-content{padding:1rem 1.2rem;display:flex;flex-direction:column;gap:.6rem}.listening-visual-item{display:flex;align-items:center;gap:.75rem;padding:.8rem 1rem;background:#6366f114;border-radius:12px;margin-bottom:.25rem}.dark-mode .listening-visual-item{background:#6366f11f}.play-icon{width:32px;height:32px;background:linear-gradient(135deg,#6366f1,#818cf8);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.7rem;flex-shrink:0;box-shadow:0 4px 12px #6366f166}.waves{display:flex;align-items:center;gap:3px;flex:1}.waves span{display:block;width:3px;border-radius:2px;background:#6366f1;animation:wave-anim 1.2s ease-in-out infinite}.waves span:nth-child(1){height:14px;animation-delay:0s}.waves span:nth-child(2){height:22px;animation-delay:.15s}.waves span:nth-child(3){height:30px;animation-delay:.3s}.waves span:nth-child(4){height:22px;animation-delay:.45s}.waves span:nth-child(5){height:14px;animation-delay:.6s}.line{height:10px;background:#e2e8f0;border-radius:999px}.dark-mode .line{background:#ffffff14}.line.med{width:70%}.line.short{width:45%}.vc-skills{display:flex;flex-direction:column;gap:.42rem;padding-top:.5rem}.vc-skill-row{display:flex;align-items:center;gap:.5rem;font-size:.72rem}.vc-skill-icon{font-size:.8rem;line-height:1}.vc-skill-label{width:56px;color:var(--skill-name);font-weight:600;flex-shrink:0}.vc-skill-bar{flex:1;height:6px;background:var(--skill-bar-bg);border-radius:999px;overflow:hidden}.vc-skill-fill{height:100%;border-radius:999px;transition:width 1s ease}.vc-skill-score{width:28px;text-align:right;font-weight:700;color:var(--skill-score);flex-shrink:0}.floating-badge{position:absolute;background:var(--float-bg);border:1px solid var(--float-border);border-radius:var(--radius-md);padding:.55rem 1rem;font-size:.78rem;font-weight:700;color:var(--float-val);box-shadow:var(--float-shadow);white-space:nowrap;display:flex;align-items:center;gap:.4rem;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.floating-badge.top-right{top:44px;right:44px;animation:floatA 4s ease-in-out infinite}.floating-badge.bottom-left{bottom:44px;left:44px;animation:floatB 4.5s ease-in-out infinite .5s}.home-footer-subtle{position:absolute;bottom:1.5rem;right:5%}.admin-portal-link{font-size:.75rem;font-weight:700;color:var(--admin-link);cursor:pointer;display:inline-flex;align-items:center;gap:.3rem;transition:color .25s!important}.admin-portal-link:hover{color:var(--admin-hover)}.hv2-float-scene{position:absolute;inset:0;pointer-events:none;perspective:1400px;overflow:visible}.hv2-float-card{position:absolute;background:#ffffffeb;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(226,232,240,.8);border-radius:18px;padding:14px 16px;box-shadow:0 4px 24px #6366f11f,0 16px 40px #0000001a,inset 0 1px #ffffffe6;transform-style:preserve-3d;min-width:150px;transition:transform .3s ease,box-shadow .3s ease!important}.home-page-v2.dark-mode .hv2-float-card{background:#ffffff0f;border-color:#ffffff1f;box-shadow:0 4px 24px #6366f124,0 24px 60px #0006,inset 0 1px #ffffff1a}.hv2-float-card:hover{box-shadow:0 8px 32px #6366f140,0 32px 72px #0000004d,inset 0 1px #ffffff1f}.hv2-fc1{top:8%;left:-4%;animation:hv2-float1 7s ease-in-out infinite}.hv2-fc2{top:38%;right:-2%;animation:hv2-float2 8s ease-in-out infinite;animation-delay:-2.5s}.hv2-fc3{bottom:24%;left:-4%;animation:hv2-float3 6.5s ease-in-out infinite;animation-delay:-4s}.hv2-fc4{bottom:4%;right:-2%;animation:hv2-float4 7.5s ease-in-out infinite;animation-delay:-1.2s}.hv2-fc-icon{font-size:20px;margin-bottom:5px}.hv2-fc-val{font-size:16px;font-weight:800;color:#0f172a;margin-bottom:2px}.home-page-v2.dark-mode .hv2-fc-val{color:#f1f5f9}.hv2-fc-sub{font-size:11px;color:#64748b;margin-bottom:8px;font-weight:500}.home-page-v2.dark-mode .hv2-fc-sub{color:#94a3b8}.hv2-fc-tag{font-size:11px;font-weight:600;background:#10b9811f;color:#10b981;padding:3px 8px;border-radius:6px;display:inline-block;border:1px solid rgba(16,185,129,.2)}.hv2-fc-bars{display:flex;flex-direction:column;gap:5px;margin-top:8px}.hv2-fc-bar{height:4px;border-radius:2px;transition:width .3s}.hv2-fc-wave{display:flex;align-items:flex-end;gap:2px;height:28px;margin-top:6px}.hv2-fc-wbar{width:3px;border-radius:2px;background:linear-gradient(to top,#6366f1,#818cf8);animation:hv2-wave-pulse 1.1s ease-in-out infinite alternate}.section-label-row{text-align:center;margin-bottom:3.5rem}.section-eyebrow{font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:4px;color:var(--eyebrow);display:block;margin-bottom:.9rem}.section-eyebrow.dark{color:var(--eyebrow-dark)}.section-title{font-size:clamp(1.9rem,3.2vw,2.8rem);font-weight:900;color:var(--sec-title);line-height:1.12;letter-spacing:-.8px;margin-bottom:1rem}.section-sub{font-size:1rem;color:var(--sec-sub);max-width:500px;margin:0 auto;line-height:1.65}.text-grad-cyan{background:linear-gradient(135deg,#6366f1,#06b6d4);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.text-grad-indigo{background:linear-gradient(135deg,#818cf8,#c084fc);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.text-grad-white{background:linear-gradient(135deg,#e0e7ff,#bfdbfe);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.text-primary{color:#6366f1;font-weight:700}.dark-mode .text-primary{color:#a5b4fc}.skills-section{background:var(--skills-bg);padding:6rem 4%;position:relative;overflow:hidden}.skills-section:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(to right,#6366f1,#0ea5e9,#10b981,#f59e0b)}.skills-section-inner{max-width:1340px;margin:0 auto}.skills-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.4rem}.skill-card-v2{background:var(--sc-card-bg);border-radius:var(--radius-lg);padding:1.85rem;border:1px solid var(--sc-card-border);position:relative;overflow:hidden;cursor:default;opacity:0;transform:translateY(32px);transform-style:preserve-3d;transition:transform .42s cubic-bezier(.34,1.56,.64,1),box-shadow .3s ease,border-color .3s ease!important}.skills-section.is-visible .skill-card-v2{animation:revealCard .65s cubic-bezier(.22,1,.36,1) var(--delay) both}.sc-top-bar{position:absolute;top:0;left:0;right:0;height:4px;transition:opacity .3s!important}.home-page-v2:not(.dark-mode) .sc-top-bar{opacity:0}.home-page-v2:not(.dark-mode) .skill-card-v2:hover .sc-top-bar{opacity:1}.dark-mode .sc-top-bar{opacity:1}.skill-card-v2:hover{transform:perspective(900px) rotateX(-5deg) rotateY(6deg) translateZ(10px) scale(1.02)!important;border-color:transparent;box-shadow:0 0 0 2px var(--sc-color),-8px 20px 48px #0000001f}.dark-mode .skill-card-v2:hover{box-shadow:0 0 0 2px var(--sc-color),-8px 20px 48px #00000070,0 0 40px #6366f114}.sc-icon-wrap{width:58px;height:58px;border-radius:16px;background:var(--sc-light);display:flex;align-items:center;justify-content:center;margin-bottom:1.15rem;transition:transform .35s cubic-bezier(.34,1.56,.64,1),box-shadow .3s!important}.skill-card-v2:hover .sc-icon-wrap{transform:scale(1.12) rotate(-6deg);box-shadow:0 0 18px var(--sc-color)}.dark-mode .sc-icon-wrap{background:#6366f11a;box-shadow:0 0 0 1px #6366f126}.sc-icon{display:flex;align-items:center;justify-content:center;color:var(--sc-color)}.sc-title{font-size:1.1rem;font-weight:800;color:var(--sc-title);margin-bottom:.7rem}.sc-desc{font-size:.855rem;color:var(--sc-desc);line-height:1.65;margin-bottom:1.15rem}.sc-tag{display:inline-block;background:var(--sc-light);color:var(--sc-color);font-size:.7rem;font-weight:800;padding:.32rem .75rem;border-radius:var(--radius-pill);letter-spacing:.3px;border:1px solid transparent}.dark-mode .sc-tag{background:#ffffff0f;border-color:#ffffff1a}.sc-hover-glow{position:absolute;inset:0;background:radial-gradient(circle at 50% 100%,var(--sc-color),transparent 70%);opacity:0;pointer-events:none;mix-blend-mode:soft-light;transition:opacity .4s!important}.skill-card-v2:hover .sc-hover-glow{opacity:.16}.dark-mode .skill-card-v2:hover .sc-hover-glow{opacity:.3}.how-section{background:var(--how-bg);padding:6rem 4%}.how-inner{max-width:1000px;margin:0 auto}.how-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:0;position:relative}.how-step{display:flex;flex-direction:column;align-items:center;text-align:center;padding:2rem 1.75rem;position:relative;opacity:0;transform:translateY(28px)}.how-section.is-visible .how-step{animation:revealCard .65s cubic-bezier(.22,1,.36,1) var(--delay) both}.how-step-connector{position:absolute;top:26px;right:-50%;width:100%;height:2px;background:var(--connector);z-index:0}.how-step-num{font-size:.62rem;font-weight:900;letter-spacing:2px;color:var(--step-num-color);background:var(--step-num-bg);padding:.22rem .55rem;border-radius:var(--radius-pill);position:relative;z-index:1;margin-bottom:.5rem;border:1px solid rgba(99,102,241,.15)}.how-step-icon{margin-bottom:.9rem;width:66px;height:66px;background:var(--step-icon-bg);border-radius:20px;display:flex;align-items:center;justify-content:center;border:2px solid var(--step-icon-border);transition:transform .35s cubic-bezier(.34,1.56,.64,1),opacity .35s cubic-bezier(.34,1.56,.64,1)!important;position:relative;z-index:1;color:#6366f1}.how-step:hover .how-step-icon{transform:scale(1.14) rotate(-8deg);background:linear-gradient(135deg,#6366f1,#4f46e5);border-color:transparent;color:#fff;box-shadow:0 8px 24px #6366f159}.how-step-title{font-size:1rem;font-weight:800;color:var(--step-title);margin-bottom:.55rem}.how-step-desc{font-size:.855rem;color:var(--step-desc);line-height:1.65}.stats-section{background:linear-gradient(135deg,#0d0f1f,#1a1040,#0a0f1e);padding:5rem 4%;position:relative;overflow:hidden}.stats-section:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(99,102,241,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(99,102,241,.06) 1px,transparent 1px);background-size:48px 48px}.stats-inner{max-width:1100px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:1;flex-wrap:wrap;gap:2rem}.stat-block{text-align:center;flex:1;min-width:150px}.stat-block-num{font-size:clamp(2.2rem,3.5vw,3.2rem);font-weight:900;letter-spacing:-1.5px;background:linear-gradient(135deg,#818cf8,#c084fc,#06b6d4);background-size:200% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:gradientShift 6s ease infinite;margin-bottom:.45rem;line-height:1}.stat-block-label{font-size:.82rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:1px}.stat-divider{width:1px;height:56px;background:#ffffff12;flex-shrink:0}.home-page-v2:not(.dark-mode) .stats-section{background:linear-gradient(135deg,#0f172a,#1e1b4b,#0f172a)}.stat-card{flex:1;display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:1rem .8rem;background:var(--card-bg);border:1px solid var(--card-border);border-radius:16px;box-shadow:0 2px 12px #0000000f;transition:transform .25s!important}.stat-card:hover{transform:translateY(-3px)}.stat-card.highlighted{background:#0f172a;border-color:#0f172a}.dark-mode .stat-card.highlighted{background:#1e40af;border-color:#1e40af}.stat-value{font-size:1.35rem;font-weight:900;color:#6366f1;line-height:1}.stat-card.highlighted .stat-value{color:#fff}.dark-mode .stat-value{color:#a5b4fc}.dark-mode .stat-card.highlighted .stat-value{color:#fff}.stat-label{font-size:.67rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px;text-align:center}.stat-card.highlighted .stat-label{color:#93c5fd}.hero-stats{display:flex;gap:1rem}.hq-section{padding:80px 24px;background:linear-gradient(160deg,#0d0f1f,#111a38 55%,#0a0e1c);border-top:1px solid rgba(99,102,241,.12);border-bottom:1px solid rgba(99,102,241,.12);position:relative;overflow:hidden}.hq-section:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(99,102,241,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(99,102,241,.05) 1px,transparent 1px);background-size:40px 40px;pointer-events:none}.home-page-v2:not(.dark-mode) .hq-section{background:linear-gradient(180deg,#f0f4ff,#f8fafc);border-top-color:#e2e8f0;border-bottom-color:#e2e8f0}.home-page-v2:not(.dark-mode) .hq-section:before{display:none}.hq-inner{max-width:720px;margin:0 auto;position:relative;z-index:1}.hq-header-row{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:20px;margin-bottom:36px}.hq-eyebrow{display:inline-block;font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#818cf8;margin-bottom:8px}.home-page-v2:not(.dark-mode) .hq-eyebrow{color:#6366f1}.hq-title{font-size:clamp(22px,4vw,30px);font-weight:900;color:#f1f5f9;margin:0 0 8px;letter-spacing:-.5px}.home-page-v2:not(.dark-mode) .hq-title{color:#0f172a}.hq-sub{font-size:14px;color:#64748b;margin:0}.hq-header-stats{display:flex;gap:10px;flex-wrap:wrap}.hq-hstat{display:flex;align-items:center;gap:6px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:6px 14px;font-size:12px;font-weight:600;color:#94a3b8;white-space:nowrap;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.home-page-v2:not(.dark-mode) .hq-hstat{background:#fff;border-color:#e2e8f0;color:#475569;box-shadow:0 1px 3px #0000000a}.hq-intro{text-align:center}.hq-intro-grid{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;margin-bottom:32px}.hq-intro-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.09);border-radius:16px;padding:20px 24px;width:160px;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:transform .2s,box-shadow .2s!important}.hq-intro-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #6366f126}.home-page-v2:not(.dark-mode) .hq-intro-card{background:#fff;border-color:#e2e8f0;box-shadow:0 2px 8px #0000000a}.hq-intro-icon{font-size:28px;margin-bottom:8px}.hq-intro-label{font-size:13px;font-weight:700;color:#f1f5f9;margin-bottom:4px}.hq-intro-desc{font-size:11px;color:#64748b;line-height:1.5}.home-page-v2:not(.dark-mode) .hq-intro-label{color:#1e293b}.hq-start-btn{background:linear-gradient(135deg,#6366f1,#818cf8);background-size:200% auto;color:#fff;border:none;padding:14px 44px;border-radius:14px;font-size:16px;font-weight:800;cursor:pointer;font-family:inherit;box-shadow:0 6px 24px #6366f166;transition:transform .18s,box-shadow .18s,background-position .4s!important;animation:pulse-glow 3s ease-in-out infinite}.hq-start-btn:hover{transform:translateY(-3px);box-shadow:0 12px 36px #6366f18c;animation:none;background-position:right center}.hq-quiz-box{background:#ffffff0a;border-radius:22px;border:1px solid rgba(255,255,255,.09);padding:28px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 8px 40px #0000004d}.home-page-v2:not(.dark-mode) .hq-quiz-box{background:#fff;border-color:#e2e8f0;box-shadow:0 4px 20px #0000000f}.hq-progress-track{height:5px;background:#ffffff14;border-radius:99px;margin-bottom:20px;overflow:hidden}.home-page-v2:not(.dark-mode) .hq-progress-track{background:#f1f5f9}.hq-progress-fill{height:100%;background:linear-gradient(90deg,#6366f1,#818cf8,#c084fc);background-size:200% auto;border-radius:99px;transition:width .5s ease;animation:gradientShift 3s ease infinite}.hq-q-meta{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.hq-q-num{font-size:12px;font-weight:700;color:#818cf8}.home-page-v2:not(.dark-mode) .hq-q-num{color:#6366f1}.hq-q-dots{display:flex;gap:5px}.hq-dot{width:10px;height:10px;border-radius:50%;background:#ffffff1a;display:inline-block;transition:background .25s}.home-page-v2:not(.dark-mode) .hq-dot{background:#e2e8f0}.hq-dot.active{background:#6366f1}.hq-dot.correct{background:#10b981}.hq-dot.wrong{background:#ef4444}.hq-q-text{font-size:16px;font-weight:700;color:#f1f5f9;margin-bottom:20px;line-height:1.55}.home-page-v2:not(.dark-mode) .hq-q-text{color:#0f172a}.hq-options{display:flex;flex-direction:column;gap:10px}.hq-opt{display:flex;align-items:center;gap:12px;text-align:left;padding:12px 16px;border-radius:12px;border:1.5px solid rgba(255,255,255,.1);background:#ffffff0a;color:#cbd5e1;font-size:14px;font-weight:500;cursor:pointer;transition:background .15s cubic-bezier(.4,0,.2,1),color .15s cubic-bezier(.4,0,.2,1),border-color .15s cubic-bezier(.4,0,.2,1),box-shadow .15s cubic-bezier(.4,0,.2,1),transform .12s cubic-bezier(.4,0,.2,1);font-family:inherit}.home-page-v2:not(.dark-mode) .hq-opt{border-color:#e2e8f0;background:#fff;color:#374151}.hq-opt:hover:not(:disabled){border-color:#818cf8;background:#6366f11a;color:#fff}.home-page-v2:not(.dark-mode) .hq-opt:hover:not(:disabled){border-color:#a5b4fc;background:#f5f3ff;color:#374151}.hq-opt.selected{border-color:#6366f1;background:#6366f12e;color:#a5b4fc}.hq-opt.correct{border-color:#10b981;background:#10b9811f;color:#34d399}.hq-opt.wrong{border-color:#ef4444;background:#ef44441f;color:#f87171}.hq-opt:disabled{cursor:default}.home-page-v2:not(.dark-mode) .hq-opt.selected{border-color:#6366f1;background:#eef2ff;color:#4f46e5}.home-page-v2:not(.dark-mode) .hq-opt.correct{border-color:#16a34a;background:#f0fdf4;color:#166534}.home-page-v2:not(.dark-mode) .hq-opt.wrong{border-color:#dc2626;background:#fef2f2;color:#991b1b}.hq-opt-letter{width:26px;height:26px;border-radius:50%;background:#ffffff14;color:#94a3b8;font-size:12px;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0}.home-page-v2:not(.dark-mode) .hq-opt-letter{background:#f1f5f9;color:#475569}.hq-opt.correct .hq-opt-letter{background:#10b981;color:#fff}.hq-opt.wrong .hq-opt-letter{background:#ef4444;color:#fff}.home-page-v2:not(.dark-mode) .hq-opt.correct .hq-opt-letter{background:#16a34a}.home-page-v2:not(.dark-mode) .hq-opt.wrong .hq-opt-letter{background:#dc2626}.hq-opt-check{margin-left:auto;color:#10b981;font-weight:800}.hq-opt-x{margin-left:auto;color:#ef4444;font-weight:800}.hq-explanation{margin-top:14px;padding:12px 16px;border-radius:10px;font-size:13px;line-height:1.55}.hq-explanation.correct{background:#10b9811a;color:#34d399;border:1px solid rgba(16,185,129,.2)}.hq-explanation.wrong{background:#ef44441a;color:#f87171;border:1px solid rgba(239,68,68,.2)}.home-page-v2:not(.dark-mode) .hq-explanation.correct{background:#f0fdf4;color:#166534;border-color:#bbf7d0}.home-page-v2:not(.dark-mode) .hq-explanation.wrong{background:#fef2f2;color:#991b1b;border-color:#fecaca}.hq-next-btn{margin-top:16px;width:100%;padding:13px;background:linear-gradient(135deg,#6366f1,#818cf8);color:#fff;border:none;border-radius:12px;font-size:15px;font-weight:700;cursor:pointer;transition:opacity .15s,transform .15s!important;font-family:inherit}.hq-next-btn:hover{opacity:.9;transform:translateY(-1px)}.hq-result{background:#ffffff0a;border-radius:22px;border:1px solid rgba(255,255,255,.09);padding:36px;text-align:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 8px 40px #0000004d}.home-page-v2:not(.dark-mode) .hq-result{background:#fff;border-color:#e2e8f0;box-shadow:0 4px 20px #0000000f}.hq-result-band-wrap{display:inline-flex;flex-direction:column;align-items:center;background:linear-gradient(135deg,#6366f1,#818cf8,#c084fc);background-size:200% auto;animation:gradientShift 4s ease infinite;color:#fff;border-radius:20px;padding:20px 44px;margin-bottom:16px;box-shadow:0 8px 28px #6366f173}.hq-result-band{font-size:54px;font-weight:900;line-height:1;letter-spacing:-2px}.hq-result-band-label{font-size:12px;font-weight:700;opacity:.85;text-transform:uppercase;letter-spacing:.08em}.hq-result-score{font-size:16px;font-weight:700;color:#f1f5f9;margin-bottom:16px}.home-page-v2:not(.dark-mode) .hq-result-score{color:#1e293b}.hq-result-bars{display:flex;justify-content:center;gap:6px;margin-bottom:20px}.hq-result-bar{display:flex;flex-direction:column;align-items:center;gap:4px;width:40px;padding:8px 4px;border-radius:10px;font-size:12px;font-weight:700}.hq-result-bar.ok{background:#10b9811f;color:#34d399;border:1px solid rgba(16,185,129,.22)}.hq-result-bar.fail{background:#ef44441f;color:#f87171;border:1px solid rgba(239,68,68,.22)}.home-page-v2:not(.dark-mode) .hq-result-bar.ok{background:#f0fdf4;color:#16a34a;border-color:#bbf7d0}.home-page-v2:not(.dark-mode) .hq-result-bar.fail{background:#fef2f2;color:#dc2626;border-color:#fecaca}.hq-result-msg{font-size:15px;color:#94a3b8;line-height:1.6;max-width:480px;margin:0 auto 24px}.home-page-v2:not(.dark-mode) .hq-result-msg{color:#475569}.hq-result-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.hq-cta-btn{background:linear-gradient(135deg,#6366f1,#818cf8);color:#fff;border:none;padding:13px 32px;border-radius:12px;font-size:15px;font-weight:700;cursor:pointer;box-shadow:0 4px 18px #6366f166;transition:transform .15s,box-shadow .15s!important;font-family:inherit}.hq-cta-btn:hover{transform:translateY(-2px);box-shadow:0 8px 28px #6366f18c}.hq-retry-btn{background:#ffffff0f;color:#94a3b8;border:1px solid rgba(255,255,255,.1);padding:13px 24px;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;font-family:inherit;transition:background .15s,color .15s!important;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.hq-retry-btn:hover{background:#ffffff1f;color:#f1f5f9}.home-page-v2:not(.dark-mode) .hq-retry-btn{background:#f1f5f9;color:#475569;border-color:#e2e8f0}.home-page-v2:not(.dark-mode) .hq-retry-btn:hover{background:#e2e8f0;color:#1e293b}.ai-showcase{background:#080b1a;padding:100px 24px 110px;position:relative;overflow:hidden}.ai-showcase-bg{position:absolute;inset:0;pointer-events:none}.ai-showcase-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(99,102,241,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(99,102,241,.09) 1px,transparent 1px);background-size:36px 36px}.ai-showcase-orb{position:absolute;border-radius:50%;filter:blur(80px);pointer-events:none}.ai-orb1{width:800px;height:800px;top:-300px;left:-240px;background:radial-gradient(circle,rgba(99,102,241,.28) 0%,rgba(79,70,229,.12) 50%,transparent 70%);animation:ai-orb-drift 14s ease-in-out infinite}.ai-orb2{width:600px;height:600px;bottom:-220px;right:-180px;background:radial-gradient(circle,rgba(168,85,247,.22) 0%,rgba(236,72,153,.1) 50%,transparent 70%);animation:ai-orb-drift 10s ease-in-out infinite reverse}.ai-showcase-inner{max-width:1140px;margin:0 auto;display:grid;grid-template-columns:1fr 1.05fr;gap:72px;align-items:center;position:relative;z-index:1}.ai-showcase-eyebrow{display:inline-flex;align-items:center;gap:8px;background:#6366f11f;border:1px solid rgba(99,102,241,.28);color:#a5b4fc;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:6px 14px;border-radius:20px;margin-bottom:24px}.ai-live-dot{width:7px;height:7px;background:#22c55e;border-radius:50%;flex-shrink:0;animation:ai-live-blink 1.6s ease-in-out infinite}.ai-showcase-title{font-size:clamp(30px,3.8vw,48px);font-weight:900;color:#fff;line-height:1.1;margin:0 0 18px;letter-spacing:-.025em}.ai-showcase-grad{background:linear-gradient(90deg,#818cf8,#c084fc 45%,#f472b6);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:grad-shift 4s ease-in-out infinite alternate}.ai-showcase-sub{font-size:15.5px;color:#ffffff85;line-height:1.75;margin:0 0 36px;max-width:460px}.ai-showcase-features{display:flex;flex-direction:column;gap:14px;margin-bottom:42px}.ai-showcase-feat{display:flex;align-items:center;gap:14px;font-size:14px;color:#ffffffb3;font-weight:500}.ai-feat-icon{width:40px;height:40px;background:#ffffff12;border:1px solid rgba(255,255,255,.12);border-radius:11px;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0;transition:background .2s,transform .2s,border-color .2s!important}.ai-showcase-feat:hover .ai-feat-icon{background:#6366f138;border-color:#6366f166;transform:scale(1.08)}.ai-showcase-cta{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,#5b5bd6,#6366f1,#818cf8);color:#fff;border:none;border-radius:14px;padding:15px 30px;font-size:15px;font-weight:700;cursor:pointer;font-family:inherit;box-shadow:0 4px 28px #6366f180;transition:transform .18s,box-shadow .18s!important;animation:pulse-glow 3s ease-in-out infinite}.ai-showcase-cta:hover{transform:translateY(-3px);box-shadow:0 12px 40px #6366f1a6;animation:none}.ai-showcase-demo{background:#0e1024e0;border:1px solid rgba(255,255,255,.11);border-radius:20px;overflow:hidden;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 60px 130px #0000008c,0 12px 40px #00000059,inset 0 1px #ffffff14;transform:perspective(1500px) rotateY(-10deg) rotateX(4deg);transition:transform .45s cubic-bezier(.34,1.56,.64,1)!important}.ai-showcase-demo:hover{transform:perspective(1500px) rotateY(-2deg) rotateX(1deg)}.ai-demo-header{display:flex;align-items:center;gap:7px;padding:13px 18px;background:#ffffff09;border-bottom:1px solid rgba(255,255,255,.07)}.ai-demo-dot{width:11px;height:11px;border-radius:50%}.ai-demo-dot.red{background:#ff5f56}.ai-demo-dot.yellow{background:#ffbd2e}.ai-demo-dot.green{background:#27c93f}.ai-demo-title{margin-left:10px;font-size:11.5px;font-weight:600;color:#ffffff61;font-family:var(--font-base);letter-spacing:.01em}.ai-demo-messages{padding:20px 18px;display:flex;flex-direction:column;gap:16px;min-height:224px}.ai-demo-msg{display:flex;gap:10px;align-items:flex-start;opacity:0;transform:translateY(14px);transition:opacity .55s ease,transform .55s ease!important}.ai-demo-msg.visible{opacity:1;transform:translateY(0)}.ai-demo-msg.user{flex-direction:row-reverse}.ai-demo-avatar{width:34px;height:34px;border-radius:10px;background:#4f46e547;border:1px solid rgba(99,102,241,.4);display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}.ai-demo-avatar.user-av{background:#10b98138;border-color:#10b98161}.ai-demo-bubble{background:#1c2037eb;border:1px solid rgba(255,255,255,.09);border-radius:4px 14px 14px;padding:11px 15px;font-size:13.5px;color:#ffffffd9;line-height:1.58;max-width:272px;font-family:var(--font-base)}.ai-demo-msg.user .ai-demo-bubble{background:#4f46e56b;border-color:#6366f159;border-radius:14px 4px 14px 14px;color:#ffffffeb}.ai-demo-footer{display:flex;align-items:center;gap:13px;padding:14px 18px;background:#00000052;border-top:1px solid rgba(255,255,255,.06)}.ai-demo-mic-ring{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#5b5bd6,#6366f1);display:flex;align-items:center;justify-content:center;animation:ai-mic-pulse 2.2s ease-out infinite;flex-shrink:0;box-shadow:0 0 #6366f18c}.ai-demo-mic-inner{font-size:18px}.ai-demo-waveform{display:flex;align-items:center;gap:2.5px;flex:1;height:32px}.ai-demo-wbar{width:3px;border-radius:3px;background:linear-gradient(to top,#4f46e5,#818cf8,#c084fc);animation:ai-wbar-anim 1.1s ease-in-out infinite;transform-origin:bottom center;height:28px}.ai-demo-score-badge{background:linear-gradient(135deg,#f59e0b,#fbbf24);color:#fff;font-size:12.5px;font-weight:800;padding:6px 14px;border-radius:20px;white-space:nowrap;flex-shrink:0;box-shadow:0 3px 14px #f59e0b73;letter-spacing:.01em}.why-section{padding:80px 24px;background:#fff}.why-section.dark-mode{background:linear-gradient(180deg,#0a0d1e,#0f1228)}.why-inner{max-width:1080px;margin:0 auto}.why-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:48px}.why-card{background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:var(--radius-lg);padding:28px;position:relative;transform-style:preserve-3d;transition:transform .38s cubic-bezier(.34,1.56,.64,1),box-shadow .28s!important;overflow:hidden}.why-card:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:2px;background:linear-gradient(135deg,var(--why-color, #6366f1),transparent 60%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .3s ease!important}.why-card:hover:before{opacity:1}.why-section.dark-mode .why-card{background:#ffffff0a;border-color:#ffffff14;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.why-card:hover{transform:perspective(900px) rotateX(-4deg) rotateY(5deg) translateZ(12px);box-shadow:-6px 24px 52px #0000001a}.why-section.dark-mode .why-card:hover{box-shadow:-6px 24px 52px #0006,0 0 0 1px var(--why-color, #6366f1)}.why-card-top{display:flex;align-items:center;gap:12px;margin-bottom:12px}.why-icon{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0;box-shadow:0 4px 12px #00000014;transition:transform .3s,box-shadow .3s!important}.why-card:hover .why-icon{transform:scale(1.1) rotate(-4deg);box-shadow:0 0 16px var(--why-color, #6366f1)}.why-title{font-size:15px;font-weight:800;color:#1e293b;margin:0}.why-section.dark-mode .why-title{color:#f1f5f9}.why-desc{font-size:13px;color:#475569;line-height:1.6;margin:0 0 12px}.why-section.dark-mode .why-desc{color:#94a3b8}.why-vs{display:flex;align-items:flex-start;gap:7px;background:#fff8f0;border-radius:8px;padding:8px 12px}.why-section.dark-mode .why-vs{background:#f59e0b0f;border:1px solid rgba(245,158,11,.12)}.why-vs-label{font-size:9px;font-weight:900;letter-spacing:.08em;background:#f59e0b;color:#fff;border-radius:4px;padding:2px 5px;flex-shrink:0;margin-top:1px}.why-vs-text{font-size:11px;color:#d97706;line-height:1.4}.why-section.dark-mode .why-vs-text{color:#fbbf24}.why-table{background:#fff;border-radius:var(--radius-lg);border:1px solid #e2e8f0;overflow:hidden;box-shadow:0 4px 20px #0000000d}.why-section.dark-mode .why-table{background:#ffffff08;border-color:#ffffff14}.why-table-head{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;background:linear-gradient(135deg,#4f46e5,#6366f1,#818cf8);color:#fff;padding:14px 20px;font-size:12px;font-weight:800;letter-spacing:.04em;gap:8px}.why-th.us{text-align:center}.why-th.other{text-align:center;opacity:.78}.why-tr{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;padding:12px 20px;border-bottom:1px solid #f1f5f9;font-size:13px;gap:8px;align-items:center}.why-section.dark-mode .why-tr{border-color:#ffffff0d}.why-tr.alt{background:#f8fafc}.why-section.dark-mode .why-tr.alt{background:#ffffff05}.why-tr:last-child{border-bottom:none}.why-td.feature{font-weight:600;color:#374151}.why-section.dark-mode .why-td.feature{color:#e2e8f0}.why-td.us{text-align:center;font-weight:700;color:#10b981}.why-td.other{text-align:center;color:#94a3b8}.testi-section{padding:80px 24px;background:linear-gradient(180deg,#f8fafc,#fff)}.testi-section.dark-mode{background:linear-gradient(180deg,#0a0d1e,#0f1228)}.testi-inner{max-width:1080px;margin:0 auto}.testi-overall{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:16px;flex-wrap:wrap}.testi-stars{font-size:20px;color:#f59e0b;letter-spacing:2px}.testi-rating{font-size:20px;font-weight:900;color:#1e293b}.testi-section.dark-mode .testi-rating{color:#f1f5f9}.testi-count{font-size:13px;color:#64748b;background:#f1f5f9;padding:4px 12px;border-radius:20px}.testi-section.dark-mode .testi-count{background:#ffffff12;color:#94a3b8}.testi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin-top:40px}.testi-card{background:#fff;border:1px solid #e2e8f0;border-radius:var(--radius-lg);padding:24px;position:relative;transition:transform .25s,box-shadow .25s!important;border-top:3px solid var(--tc, #6366f1);box-shadow:0 2px 8px #0000000a}.testi-section.dark-mode .testi-card{background:#ffffff0a;border-color:#ffffff14;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.testi-card:hover{transform:translateY(-5px);box-shadow:0 16px 40px #0000001a}.testi-section.dark-mode .testi-card:hover{box-shadow:0 16px 40px #0006,0 0 0 1px #6366f133}.testi-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.testi-stars-small{font-size:13px;color:#f59e0b;letter-spacing:1px}.testi-band-pill{font-size:12px;font-weight:800;color:#fff;padding:3px 10px;border-radius:20px;box-shadow:0 2px 8px #0003}.testi-quote-mark{font-size:52px;font-weight:900;color:var(--tc, #6366f1);line-height:.8;margin-bottom:8px;opacity:.18}.testi-quote{font-size:14px;line-height:1.65;color:#475569;font-style:italic;margin:0 0 20px}.testi-section.dark-mode .testi-quote{color:#94a3b8}.testi-author{display:flex;align-items:center;gap:10px}.testi-avatar{width:42px;height:42px;border-radius:50%;color:#fff;font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 0 0 3px #ffffff26,0 4px 12px #0003;background:linear-gradient(135deg,var(--tc, #6366f1),rgba(255,255,255,.2))}.testi-name{font-size:13px;font-weight:700;color:#1e293b;margin-bottom:2px}.testi-section.dark-mode .testi-name{color:#f1f5f9}.testi-role{font-size:11px;color:#94a3b8}.faq-section{padding:80px 24px;background:#f8fafc}.faq-section.dark-mode{background:linear-gradient(180deg,#0a0d1e,#0d1020)}.faq-inner{max-width:720px;margin:0 auto}.faq-list{display:flex;flex-direction:column;gap:8px;margin-top:40px}.faq-item{background:#fff;border:1.5px solid #e2e8f0;border-radius:var(--radius-md);cursor:pointer;overflow:hidden;transition:border-color .2s,box-shadow .2s!important}.faq-section.dark-mode .faq-item{background:#ffffff0a;border-color:#ffffff14;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.faq-item:hover{border-color:#a5b4fc;box-shadow:0 2px 12px #6366f11a}.faq-item.open{border-color:#6366f1;box-shadow:0 4px 20px #6366f124;border-left:4px solid #6366f1}.faq-section.dark-mode .faq-item.open{border-color:#818cf8;border-left-color:#818cf8;box-shadow:0 4px 20px #6366f133;background:#6366f10f}.faq-q{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;font-size:15px;font-weight:700;color:#1e293b;gap:12px;-webkit-user-select:none;user-select:none}.faq-section.dark-mode .faq-q{color:#f1f5f9}.faq-chevron{width:26px;height:26px;border-radius:50%;background:#f1f5f9;color:#6366f1;font-size:17px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .2s,transform .3s,color .2s!important}.faq-item.open .faq-chevron{background:linear-gradient(135deg,#6366f1,#818cf8);color:#fff;transform:rotate(45deg)}.faq-section.dark-mode .faq-chevron{background:#ffffff14;color:#818cf8}.faq-a{padding:14px 20px 16px;font-size:14px;line-height:1.65;color:#475569;border-top:1px solid #f1f5f9;animation:fadeIn .22s ease}.faq-section.dark-mode .faq-a{color:#94a3b8;border-color:#ffffff0d}.faq-cta{text-align:center;margin-top:32px;font-size:15px;color:#64748b;display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap}.faq-cta-link{color:#6366f1;font-weight:700;text-decoration:none}.faq-cta-link:hover{text-decoration:underline;color:#818cf8}.faq-section.dark-mode .faq-cta{color:#64748b}.faq-section.dark-mode .faq-cta-link{color:#818cf8}.cta-section-v2{background:linear-gradient(135deg,#3730a3,#4f46e5 40%,#6366f1,#0ea5e9);background-size:300% 300%;animation:gradientShift 12s ease infinite;padding:7rem 4%;position:relative;overflow:hidden}.cta-v2-inner{position:relative;z-index:10;max-width:760px;margin:0 auto;text-align:center}.cta-orb-1{position:absolute;width:480px;height:480px;background:#ffffff17;border-radius:50%;top:-200px;left:-100px;filter:blur(60px)}.cta-orb-2{position:absolute;width:380px;height:380px;background:#ffffff12;border-radius:50%;bottom:-140px;right:-50px;filter:blur(60px)}.cta-v2-title{font-size:clamp(1.9rem,3.2vw,3rem);font-weight:900;color:#fff;letter-spacing:-1px;line-height:1.12;margin-bottom:1.15rem}.cta-v2-sub{font-size:1.02rem;color:#ffffffc2;margin-bottom:2.4rem;line-height:1.65}.cta-v2-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.btn-cta-v2-primary{background:#fff;color:#4338ca;border:none;padding:.95rem 2.2rem;border-radius:14px;font-size:1rem;font-weight:800;cursor:pointer;font-family:inherit;transition:transform .3s cubic-bezier(.22,1,.36,1),box-shadow .3s cubic-bezier(.22,1,.36,1),background .2s cubic-bezier(.4,0,.2,1)!important;box-shadow:0 10px 28px #0003}.btn-cta-v2-primary:hover{transform:translateY(-3px);box-shadow:0 18px 44px #00000047}.btn-cta-v2-outline{background:#ffffff1a;color:#fff;border:2px solid rgba(255,255,255,.38);padding:.95rem 2.2rem;border-radius:14px;font-size:1rem;font-weight:700;cursor:pointer;font-family:inherit;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:background .25s cubic-bezier(.4,0,.2,1),border-color .25s cubic-bezier(.4,0,.2,1),box-shadow .25s cubic-bezier(.4,0,.2,1)!important}.btn-cta-v2-outline:hover{background:#ffffff2e;border-color:#ffffffa6}.site-footer{background:#0a0f1e;color:#e2e8f0;padding:56px 24px 24px;border-top:1px solid rgba(99,102,241,.12)}.site-footer.dark-mode{background:#06090f}.footer-inner{max-width:1080px;margin:0 auto 40px;display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:40px}.footer-logo{font-size:20px;font-weight:900;letter-spacing:-.5px;background:linear-gradient(135deg,#818cf8,#c084fc);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:8px}.footer-tagline{font-size:13px;color:#64748b;margin:0 0 16px;line-height:1.5}.footer-badges{display:flex;flex-wrap:wrap;gap:6px}.f-badge{font-size:11px;font-weight:600;background:#ffffff0d;color:#64748b;padding:4px 10px;border-radius:6px;border:1px solid rgba(255,255,255,.08)}.footer-links{display:contents}.footer-col{display:flex;flex-direction:column;gap:10px}.footer-col-title{font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#475569;margin-bottom:4px}.footer-col a{font-size:14px;color:#64748b;text-decoration:none;transition:color .15s!important}.footer-col a:hover{color:#a5b4fc}.footer-bottom{max-width:1080px;margin:0 auto;padding-top:24px;border-top:1px solid rgba(255,255,255,.06);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;font-size:13px;color:#475569}.footer-made{color:#475569}@media(max-width:1200px){.skills-section-inner,.stats-inner{max-width:100%}}@media(max-width:1100px){.skills-grid{grid-template-columns:repeat(2,1fr)}.main-visual-card{width:340px}.why-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:960px){.ai-showcase-inner{grid-template-columns:1fr;gap:48px}.ai-showcase-demo{transform:none;max-width:480px;margin:0 auto}.ai-showcase-demo:hover{transform:none}}@media(max-width:900px){.home-hero{flex-direction:column;padding:4rem 5% 6rem;text-align:center;min-height:auto;gap:3rem}.hero-content{max-width:100%;align-items:center}.hero-actions{justify-content:center}.hero-stats{max-width:420px}.hero-visual{display:none}.how-steps{grid-template-columns:1fr;gap:2.5rem}.how-step-connector{display:none}.how-step{opacity:0}.how-section.is-visible .how-step{animation:revealCard .65s cubic-bezier(.22,1,.36,1) var(--delay) both}.stats-inner{justify-content:center}.stat-divider{display:none}.theme-toggle-fab{bottom:1.2rem;right:1.2rem;width:46px;height:46px}}@media(max-width:768px){.hv2-float-scene{display:none}.ai-showcase{padding:72px 20px 80px}.ai-showcase-inner{grid-template-columns:1fr;gap:48px}.ai-showcase-title{font-size:30px}.ai-showcase-demo,.ai-showcase-demo:hover{transform:none}.footer-inner{grid-template-columns:1fr 1fr}.why-grid{grid-template-columns:1fr}}@media(max-width:640px){.why-table-head,.why-tr{grid-template-columns:2fr 1fr 1fr}.why-th.other:last-child,.why-td:last-child{display:none}}@media(max-width:600px){.skills-grid{grid-template-columns:1fr}.section-title,.cta-v2-title{font-size:1.75rem}.stat-block-num{font-size:2rem}.hero-stats{flex-direction:row;gap:.6rem}.stat-card{padding:.75rem .5rem}.stat-value{font-size:1.1rem}}@media(max-width:480px){.footer-inner{grid-template-columns:1fr}.hq-intro-grid{flex-direction:column;align-items:center}}.hero-v2{position:relative;overflow:hidden}.hero-v2:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 80% 50% at 50% -20%,rgba(99,102,241,.18) 0%,transparent 70%),radial-gradient(ellipse 40% 60% at 80% 50%,rgba(16,185,129,.08) 0%,transparent 60%),radial-gradient(ellipse 30% 40% at 20% 80%,rgba(168,85,247,.08) 0%,transparent 60%);pointer-events:none;z-index:0}.hero-v2>*{position:relative;z-index:1}.hero-badge-v2{display:inline-flex;align-items:center;gap:8px;background:#ffffff14;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.16);border-radius:999px;padding:6px 16px 6px 8px;font-size:12px;font-weight:600;color:#ffffffd9;letter-spacing:.03em;margin-bottom:28px;animation:heroBadgePulse 3s ease-in-out infinite}.hero-badge-v2 .badge-dot{width:8px;height:8px;background:#10b981;border-radius:50%;box-shadow:0 0 0 3px #10b9814d;animation:badgeDotPulse 2s ease-in-out infinite}@keyframes heroBadgePulse{0%,to{box-shadow:0 0 #6366f100}50%{box-shadow:0 0 0 8px #6366f114}}@keyframes badgeDotPulse{0%,to{box-shadow:0 0 0 3px #10b9814d}50%{box-shadow:0 0 0 6px #10b98126}}.hero-headline-v2{font-size:clamp(40px,7vw,76px);font-weight:900;line-height:1.05;letter-spacing:-.03em;background:linear-gradient(135deg,#fff,#fffc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-headline-accent{background:linear-gradient(135deg,#818cf8,#a78bfa 40%,#34d399);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-cta-primary-v2{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,#6366f1,#818cf8);color:#fff;border:none;border-radius:14px;padding:16px 32px;font-size:16px;font-weight:700;cursor:pointer;position:relative;overflow:hidden;transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 32px #6366f166,0 2px 8px #0003}.hero-cta-primary-v2:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.15) 0%,transparent 60%);transition:opacity .2s}.hero-cta-primary-v2:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 16px 48px #6366f180,0 4px 16px #00000040}.hero-cta-primary-v2:active{transform:translateY(-1px) scale(.99)}.feature-card-premium{background:#ffffff0a;-webkit-backdrop-filter:blur(16px) saturate(150%);backdrop-filter:blur(16px) saturate(150%);border:1px solid rgba(255,255,255,.08);border-radius:24px;padding:32px 28px;transition:transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .25s cubic-bezier(.4,0,.2,1),border-color .25s cubic-bezier(.4,0,.2,1),background .25s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.feature-card-premium:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent)}.feature-card-premium:hover{transform:translateY(-6px);background:#ffffff12;border-color:#ffffff29;box-shadow:0 24px 64px #0006,0 0 0 1px #6366f133}.feature-icon-glow{width:56px;height:56px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:26px;margin-bottom:20px;position:relative}.feature-icon-glow:after{content:"";position:absolute;inset:-4px;border-radius:20px;opacity:.3;filter:blur(12px);background:inherit;z-index:-1}.feature-icon-indigo{background:linear-gradient(135deg,#6366f14d,#818cf833)}.feature-icon-green{background:linear-gradient(135deg,#10b9814d,#34d39933)}.feature-icon-amber{background:linear-gradient(135deg,#f59e0b4d,#fbbf2433)}.feature-icon-purple{background:linear-gradient(135deg,#a855f74d,#c084fc33)}.feature-icon-sky{background:linear-gradient(135deg,#0ea5e94d,#38bdf833)}.stats-section-v2{position:relative;padding:80px 0}.stats-section-v2:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#6366f10d,#10b98108);border-radius:32px}.stat-counter-card{text-align:center;padding:32px 20px;position:relative}.stat-counter-number{font-size:clamp(36px,5vw,56px);font-weight:900;letter-spacing:-.03em;background:linear-gradient(135deg,#fff,#ffffffb3);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;margin-bottom:8px}.stat-counter-label{font-size:14px;font-weight:500;color:#ffffff8c;letter-spacing:.02em}.testimonial-card-v2{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:24px;padding:32px;position:relative;overflow:hidden;transition:transform .25s cubic-bezier(.34,1.56,.64,1),border-color .2s cubic-bezier(.4,0,.2,1),background .2s cubic-bezier(.4,0,.2,1)}.testimonial-card-v2:before{content:'"';position:absolute;top:-12px;left:24px;font-size:120px;line-height:1;color:#6366f126;font-family:Georgia,serif;pointer-events:none}.testimonial-card-v2:hover{transform:translateY(-4px);border-color:#ffffff24;background:#ffffff12}.testimonial-band-badge{display:inline-flex;align-items:center;gap:4px;background:linear-gradient(135deg,#10b98133,#34d3991a);border:1px solid rgba(16,185,129,.3);color:#34d399;font-size:13px;font-weight:800;padding:4px 12px;border-radius:999px;margin-bottom:16px}.cta-section-v2{position:relative;overflow:hidden;background:linear-gradient(135deg,#1e1b4b,#312e81 40%,#1e1b4b);border-radius:32px;padding:80px 48px;text-align:center}.cta-section-v2:before{content:"";position:absolute;top:-50%;left:50%;transform:translate(-50%);width:600px;height:600px;background:radial-gradient(circle,rgba(99,102,241,.25) 0%,transparent 70%);pointer-events:none}.cta-section-v2:after{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23818cf8' fill-opacity='0.04'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");opacity:.6;pointer-events:none}.cta-section-v2>*{position:relative;z-index:1}.pricing-card-premium{border-radius:24px;padding:40px 32px;position:relative;overflow:hidden;transition:transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .25s cubic-bezier(.4,0,.2,1)}.pricing-card-premium.featured{background:linear-gradient(135deg,#4338ca,#6366f1);box-shadow:0 24px 80px #6366f166,0 8px 32px #0000004d}.pricing-card-premium.featured:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent)}.pricing-card-premium:hover{transform:translateY(-8px);box-shadow:0 32px 96px #6366f180,0 12px 48px #00000059}.navbar-v2-premium{background:#080814d9;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);border-bottom:1px solid rgba(255,255,255,.06);box-shadow:0 4px 24px #0000004d}.grid-bg{background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:60px 60px}@keyframes shimmerBtn{0%{transform:translate(-100%) skew(-15deg)}to{transform:translate(200%) skew(-15deg)}}.btn-shimmer{position:relative;overflow:hidden}.btn-shimmer:after{content:"";position:absolute;top:0;left:0;width:40%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.25),transparent);transform:translate(-100%) skew(-15deg);animation:shimmerBtn 2.5s ease-in-out infinite 1s}.social-proof-bar{display:flex;align-items:center;gap:12px;justify-content:center;margin-top:32px}.social-proof-avatars{display:flex}.social-proof-avatar{width:32px;height:32px;border-radius:50%;border:2px solid rgba(255,255,255,.15);background:linear-gradient(135deg,#6366f1,#818cf8);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#fff;margin-right:-8px}.social-proof-text{font-size:13px;color:#fff9;font-weight:500}.social-proof-stars{color:#f59e0b;font-size:14px;letter-spacing:1px}@keyframes floatSlow{0%,to{transform:translateY(0) rotate(0)}33%{transform:translateY(-12px) rotate(1deg)}66%{transform:translateY(-6px) rotate(-1deg)}}@keyframes floatMedium{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-16px) rotate(2deg)}}.float-slow{animation:floatSlow 6s ease-in-out infinite}.float-medium{animation:floatMedium 4s ease-in-out infinite}.text-gradient-brand{background:linear-gradient(135deg,#818cf8,#a78bfa,#34d399);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-gradient-gold{background:linear-gradient(135deg,#f59e0b,#fbbf24,#fde68a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section-divider{height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent);margin:80px 0}.noise-overlay:after{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.03'/%3E%3C/svg%3E");pointer-events:none;opacity:.4}.al-page{display:flex;min-height:100vh;overflow:hidden}.al-left{width:420px;flex-shrink:0;background:linear-gradient(160deg,#0f0c29,#1e1b4b 45%,#312e81);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 40px;position:relative;overflow:hidden;animation:alLeftIn .45s ease both}@keyframes alLeftIn{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}.al-left:before{content:"";position:absolute;top:-100px;right:-100px;width:300px;height:300px;border-radius:50%;background:#6366f126}.al-left:after{content:"";position:absolute;bottom:-80px;left:-80px;width:240px;height:240px;border-radius:50%;background:#818cf81a}.al-left-logo{width:72px;height:72px;object-fit:contain;border-radius:16px;margin-bottom:28px}.al-left-title{font-size:var(--fs-4xl);font-weight:var(--fw-black);color:#fff;text-align:center;line-height:1.2;margin-bottom:10px;letter-spacing:var(--ls-tight)}.al-left-sub{font-size:var(--fs-sm);color:#fff9;text-align:center;line-height:var(--leading-relaxed);margin-bottom:32px}.al-trust-list{list-style:none;padding:0;margin:0 0 36px;display:flex;flex-direction:column;gap:12px;width:100%}.al-trust-item{display:flex;align-items:center;gap:10px;font-size:var(--fs-sm);color:#ffffffbf;font-weight:var(--fw-medium)}.al-trust-icon{width:28px;height:28px;border-radius:8px;background:#ffffff1a;display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0}.al-quote{background:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:18px 20px}.al-quote-text{font-size:var(--fs-sm);color:#fffc;line-height:var(--leading-relaxed);font-style:italic;margin-bottom:10px}.al-quote-author{font-size:var(--fs-xs);font-weight:var(--fw-bold);color:#ffffff80}.al-right{flex:1;display:flex;align-items:center;justify-content:center;padding:40px 24px;background:#f8fafc;overflow-y:auto;animation:alRightIn .35s ease both}@keyframes alRightIn{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:translate(0)}}.al-form-wrap{width:100%;max-width:420px}.al-logo-mobile{width:52px;height:52px;object-fit:contain;border-radius:12px;margin-bottom:20px;display:none}.al-title{font-size:var(--fs-4xl);font-weight:var(--fw-black);color:#0f172a;margin-bottom:6px;letter-spacing:var(--ls-tight);line-height:var(--leading-tight)}.al-subtitle{font-size:var(--fs-sm);color:#64748b;margin-bottom:28px;line-height:var(--leading-relaxed)}.al-google-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:12px;padding:13px 20px;border-radius:12px;border:1.5px solid #e2e8f0;background:#fff;color:#1e293b;font-size:15px;font-weight:700;cursor:pointer;font-family:inherit;transition:all .15s;margin-bottom:20px;box-shadow:0 1px 4px #0000000f}.al-google-btn:hover{border-color:#c7d2fe;background:#fafbff;box-shadow:0 2px 12px #6366f11f}.al-google-wrap{margin-bottom:20px}.al-divider{display:flex;align-items:center;gap:12px;margin:0 0 20px;font-size:var(--fs-xs);font-weight:var(--fw-semibold);color:#94a3b8;letter-spacing:var(--ls-wide)}.al-divider:before,.al-divider:after{content:"";flex:1;height:1px;background:#e2e8f0}.al-group{margin-bottom:16px}.al-label{display:block;font-size:var(--fs-xs);font-weight:var(--fw-semibold);color:#374151;margin-bottom:6px;letter-spacing:var(--ls-wide)}.al-input{width:100%;padding:12px 14px;border-radius:12px;border:1.5px solid #e2e8f0;font-size:var(--fs-md);font-family:inherit;color:#0f172a;background:#fff;transition:border-color .18s,box-shadow .18s,background .15s;outline:none}.al-input:hover:not(:focus){border-color:#c7d2fe}.al-input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11f;background:#fafbff}.al-input::placeholder{color:#94a3b8}.al-submit{width:100%;padding:14px;border-radius:12px;border:none;background:linear-gradient(135deg,#4f46e5,#6366f1);color:#fff;font-size:var(--fs-md);font-weight:var(--fw-extrabold);cursor:pointer;font-family:inherit;margin-top:8px;transition:all .2s;box-shadow:0 4px 14px #6366f159;letter-spacing:var(--ls-snug)}.al-submit:hover{transform:translateY(-1px);box-shadow:0 6px 20px #6366f173}.al-submit:disabled{opacity:.7;cursor:not-allowed;transform:none}.al-error{background:#fff1f2;color:#e11d48;border:1px solid #fecdd3;border-radius:10px;padding:10px 14px;font-size:var(--fs-sm);font-weight:var(--fw-semibold);margin-bottom:16px;text-align:center}.al-success{background:#f0fdf4;color:#166534;border:1px solid #bbf7d0;border-radius:10px;padding:10px 14px;font-size:var(--fs-sm);font-weight:var(--fw-bold);margin-bottom:16px;text-align:center}.al-footer{text-align:center;margin-top:24px;font-size:var(--fs-sm);color:#64748b}.al-footer a{color:#6366f1;font-weight:700;text-decoration:none}.al-footer a:hover{text-decoration:underline}.al-forgot{display:block;text-align:right;font-size:var(--fs-xs);color:#6366f1;font-weight:var(--fw-semibold);text-decoration:none;margin-top:-8px;margin-bottom:16px}.al-forgot:hover{text-decoration:underline}@media(max-width:768px){.al-left{display:none}.al-right{padding:32px 20px;background:#fff}.al-logo-mobile{display:block}}.premium-nav{background:#fffffff2;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid #e8edf3;height:72px;display:flex;align-items:center;position:sticky;top:0;z-index:1000}.nav-container{max-width:1440px;width:100%;margin:0 auto;padding:0 2rem;display:flex;align-items:center}.nav-logo{display:flex;align-items:center;text-decoration:none;flex-shrink:0;margin-right:2rem;height:72px}.nav-logo-img{height:52px;width:auto;max-width:160px;object-fit:contain;display:block}.nav-links{display:flex;align-items:center;gap:2px;flex:1}.nav-item{display:flex;align-items:center;gap:6px;text-decoration:none;color:#475569;font-weight:600;font-size:.875rem;padding:6px 12px;border-radius:8px;transition:background .18s,color .18s,transform .15s;white-space:nowrap;position:relative}.nav-item:hover{color:#4f46e5;background:#eef2ff;transform:translateY(-1px)}.nav-item-active{color:#4f46e5!important;background:#eef2ff!important;font-weight:700}.nav-item-active:after{content:"";position:absolute;bottom:-2px;left:50%;transform:translate(-50%);width:16px;height:2px;background:#6366f1;border-radius:2px}.nav-auth{flex-shrink:0;margin-left:auto}.nav-admin-group{display:flex;align-items:center;gap:8px}.btn-admin-pill{display:flex;align-items:center;gap:6px;background:linear-gradient(135deg,#1e1b4b,#1d4ed8);color:#fff;padding:7px 14px;border-radius:8px;font-size:.8rem;font-weight:800;text-decoration:none;letter-spacing:.2px;transition:opacity .15s,transform .15s;box-shadow:0 2px 10px #4338ca4d;white-space:nowrap}.btn-admin-pill:hover{opacity:.88;transform:translateY(-1px)}.nav-settings-btn{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#475569;text-decoration:none;border:1px solid #e2e8f0;background:#fff;transition:color .14s,background .14s,border-color .14s,transform .14s;flex-shrink:0}.nav-settings-btn svg{transition:transform .5s cubic-bezier(.4,0,.2,1)}.nav-settings-btn:hover{color:#4f46e5;background:#eef2ff;border-color:#c7d2fe}.nav-settings-btn:hover svg{transform:rotate(180deg)}.nav-settings-btn.active{color:#4f46e5;background:#eef2ff;border-color:#c7d2fe}.nav-admin-user{display:flex;align-items:center;gap:0;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:0 4px 0 12px;height:36px}.nav-admin-name{font-size:.85rem;font-weight:700;color:#0f172a;padding-right:8px;border-right:1px solid #e2e8f0;white-space:nowrap}.nav-admin-logout{display:flex;align-items:center;justify-content:center;width:32px;height:28px;background:none;border:none;color:#94a3b8;cursor:pointer;border-radius:6px;transition:color .14s,background .14s;margin-left:2px}.nav-admin-logout:hover{color:#ef4444;background:#fef2f2}.nav-avatar-wrap{position:relative}.nav-avatar-btn{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:5px 10px 5px 6px;cursor:pointer;height:40px;transition:border-color .14s,box-shadow .14s}.nav-avatar-btn:hover{border-color:#c7d2fe;box-shadow:0 0 0 3px #6366f114}.nav-avatar-circle{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#4f46e5,#6366f1);color:#fff;font-size:11px;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0;letter-spacing:-.3px}.nav-avatar-text{display:flex;flex-direction:column;text-align:left;line-height:1;gap:2px}.nav-avatar-name{font-size:.82rem;font-weight:700;color:#0f172a}.nav-avatar-role{font-size:.6rem;font-weight:600;color:#10b981;display:flex;align-items:center;gap:3px}.nav-dot{width:5px;height:5px;border-radius:50%;background:#10b981;flex-shrink:0}.nav-chevron{color:#cbd5e1;transition:transform .2s;flex-shrink:0;margin-left:2px}.nav-chevron.open{transform:rotate(180deg)}.nav-dropdown{position:absolute;top:calc(100% + 8px);right:0;background:#fff;border:1px solid #e8edf3;border-radius:12px;box-shadow:0 12px 36px #0000001c,0 2px 8px #0000000f;min-width:216px;overflow:hidden;animation:dropFadeIn .14s ease;z-index:200}@keyframes dropFadeIn{0%{opacity:0;transform:translateY(-5px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.nav-drop-header{display:flex;align-items:center;gap:10px;padding:14px 16px;background:#f8fafc}.nav-drop-avatar{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#4f46e5,#6366f1);color:#fff;font-size:12px;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0}.nav-drop-name{font-size:13px;font-weight:700;color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:140px}.nav-drop-email{font-size:11px;color:#94a3b8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:140px;margin-top:1px}.nav-drop-divider{height:1px;background:#f1f5f9}.nav-drop-item{display:flex;align-items:center;gap:10px;width:100%;padding:11px 16px;font-size:13px;font-weight:600;color:#374151;text-decoration:none;background:none;border:none;cursor:pointer;transition:background .1s,color .1s;box-sizing:border-box;text-align:left}.nav-drop-item:hover{background:#f8fafc;color:#4f46e5}.nav-drop-logout{color:#ef4444}.nav-drop-logout:hover{background:#fff5f5;color:#dc2626}.nav-guest-group{display:flex;align-items:center;gap:8px}.btn-login-ghost{color:#4f46e5;font-weight:700;font-size:.875rem;text-decoration:none;padding:7px 14px;border-radius:8px;border:1px solid #e0e7ff;transition:background .14s,border-color .14s}.btn-login-ghost:hover{background:#eef2ff;border-color:#c7d2fe}.btn-register-solid{background:#4f46e5;color:#fff;padding:7px 16px;border-radius:8px;font-weight:700;font-size:.875rem;text-decoration:none;box-shadow:0 2px 10px #4f46e54d;transition:opacity .14s,transform .14s;white-space:nowrap}.btn-register-solid:hover{opacity:.9;transform:translateY(-1px)}.admin-entrance{display:flex;align-items:center;color:#cbd5e1;text-decoration:none;padding:6px;border-radius:6px;transition:color .2s,opacity .2s;opacity:.5}.admin-entrance:hover{color:#4f46e5;opacity:1}.cw-panel{position:fixed;bottom:84px;right:20px;width:320px;height:440px;background:#fff;border-radius:18px;box-shadow:0 12px 48px #0000002e;display:flex;flex-direction:column;z-index:9999;border:1px solid #e2e8f0;overflow:hidden;pointer-events:none;opacity:0;transform:translateY(16px) scale(.97);transform-origin:bottom right;transition:opacity .22s ease,transform .22s cubic-bezier(.34,1.56,.64,1)}.cw-panel--open{opacity:1;transform:translateY(0) scale(1);pointer-events:all}.cw-header{background:linear-gradient(135deg,#2aabee,#1a96d4);padding:13px 14px;display:flex;align-items:center;gap:10px;flex-shrink:0}.cw-header-logo{border-radius:8px;flex-shrink:0}.cw-header-info{flex:1}.cw-header-title{color:#fff;font-weight:700;font-size:14px;line-height:1.2}.cw-header-sub{color:#ffffffd9;font-size:11px;display:flex;align-items:center;gap:5px;margin-top:1px}.cw-online-dot{width:6px;height:6px;background:#4ade80;border-radius:50%;animation:cw-pulse 2s infinite}@keyframes cw-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.85)}}.cw-close{background:none;border:none;color:#fffc;font-size:22px;cursor:pointer;line-height:1;padding:0;transition:color .15s}.cw-close:hover{color:#fff}.cw-messages{flex:1;overflow-y:auto;padding:14px 12px 6px;display:flex;flex-direction:column;gap:10px;background:#f8fafc;scroll-behavior:smooth}.cw-messages::-webkit-scrollbar{width:3px}.cw-messages::-webkit-scrollbar-track{background:transparent}.cw-messages::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:99px}.cw-empty{text-align:center;color:#94a3b8;font-size:12.5px;line-height:1.7;margin-top:52px}.cw-empty-icon{font-size:32px;margin-bottom:8px}.cw-msg-row{display:flex;align-items:flex-end;gap:6px;animation:cw-msg-in .22s ease both}@keyframes cw-msg-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.cw-msg-row--user{flex-direction:row-reverse}.cw-avatar{width:26px;height:26px;background:linear-gradient(135deg,#2aabee,#1a96d4);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;flex-shrink:0}.cw-msg-col{display:flex;flex-direction:column;max-width:82%}.cw-bubble{padding:9px 13px;font-size:13px;line-height:1.5;word-break:break-word;white-space:pre-wrap}.cw-bubble--user{background:linear-gradient(135deg,#2aabee,#1a96d4);color:#fff;border-radius:16px 16px 4px;box-shadow:0 2px 8px #2aabee40}.cw-bubble--admin{background:#fff;color:#1e293b;border-radius:16px 16px 16px 4px;box-shadow:0 1px 4px #00000014}.cw-bubble--admin a{color:#2aabee;text-decoration:underline;text-underline-offset:2px;font-weight:500;word-break:break-all}.cw-bubble--admin a:hover{color:#1a96d4}.cw-bubble--sending{padding:10px 16px}.cw-dots{display:flex;gap:4px;align-items:center}.cw-dots span{width:6px;height:6px;background:#fffc;border-radius:50%;animation:cw-bounce 1.2s infinite}.cw-dots span:nth-child(2){animation-delay:.2s}.cw-dots span:nth-child(3){animation-delay:.4s}@keyframes cw-bounce{0%,80%,to{transform:scale(.7);opacity:.5}40%{transform:scale(1);opacity:1}}.cw-time{font-size:10px;color:#94a3b8;margin-top:3px;padding-inline:4px}.cw-time--user{text-align:right}.cw-time-label{font-weight:600;color:#64748b}.cw-input-row{padding:8px 10px;border-top:1px solid #e2e8f0;display:flex;gap:8px;align-items:flex-end;background:#fff;flex-shrink:0}.cw-textarea{flex:1;resize:none;border:1.5px solid #e2e8f0;border-radius:10px;padding:8px 10px;font-size:13px;font-family:inherit;outline:none;max-height:90px;overflow-y:auto;line-height:1.4;transition:border-color .15s;background:#f8fafc}.cw-textarea:focus{border-color:#2aabee;background:#fff}.cw-send-btn{background:#cbd5e1;color:#fff;border:none;border-radius:10px;width:38px;height:38px;cursor:default;opacity:.45;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .15s,opacity .15s,transform .12s}.cw-send-btn--active{background:#2aabee;opacity:1;cursor:pointer}.cw-send-btn--active:hover{background:#1a96d4;transform:scale(1.08)}.cw-send-btn--active:active{transform:scale(.95)}.cw-fab{position:fixed;bottom:20px;right:20px;width:54px;height:54px;border-radius:50%;background:linear-gradient(135deg,#2aabee,#1a96d4);border:none;cursor:pointer;box-shadow:0 4px 20px #2aabee73;display:flex;align-items:center;justify-content:center;z-index:9998;transition:transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .2s;animation:cw-fab-enter .4s cubic-bezier(.34,1.56,.64,1) both}@keyframes cw-fab-enter{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.cw-fab:hover{transform:scale(1.12);box-shadow:0 6px 28px #2aabee8c}.cw-fab:active{transform:scale(.95)}.cw-fab--open{background:linear-gradient(135deg,#64748b,#475569);box-shadow:0 4px 20px #0003}.cw-badge{position:absolute;top:1px;right:1px;background:#ef4444;color:#fff;border-radius:50%;width:18px;height:18px;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;border:2px solid #fff;animation:cw-badge-pop .3s cubic-bezier(.34,1.56,.64,1) both}@keyframes cw-badge-pop{0%{transform:scale(0)}to{transform:scale(1)}}@media(max-width:480px){.cw-panel{width:calc(100vw - 32px);right:16px;bottom:80px;height:400px}.cw-fab{right:16px;bottom:16px}}.db-root{background:#f0f4f9;font-family:var(--font-sans);color:#1e293b}.db-layout{display:flex;min-height:calc(100vh - 72px);align-items:stretch;position:relative}.db-layout:before{content:"";position:absolute;top:0;left:0;width:256px;height:100%;background:var(--sidebar-bg);z-index:0;pointer-events:none}.db-sidebar{width:256px;flex-shrink:0;background:var(--sidebar-bg);position:sticky;top:72px;height:calc(100vh - 72px);overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;scrollbar-width:none;border-right:1px solid rgba(255,255,255,.04);align-self:flex-start;z-index:1}.db-sidebar::-webkit-scrollbar{display:none}.db-sb-brand{display:flex;align-items:center;gap:11px;padding:20px 18px 16px;border-bottom:1px solid rgba(255,255,255,.06);flex-shrink:0}.db-sb-brand-icon{width:36px;height:36px;background:#fff;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;overflow:hidden;box-shadow:0 0 #6366f166;transition:box-shadow .3s}.db-sb-brand-logo{width:100%;height:100%;object-fit:contain}.db-sb-brand:hover .db-sb-brand-icon{box-shadow:0 0 0 4px #6366f140}.db-sb-brand-logo-img{width:100%;height:100%;object-fit:contain;border-radius:50%}.db-sb-brand-text{display:flex;flex-direction:column;line-height:1;gap:4px}.db-sb-brand-name{font-size:.84rem;font-weight:800;color:#fff;letter-spacing:-.2px}.db-sb-brand-sub{font-size:.63rem;font-weight:500;color:#ffffff9e;text-transform:uppercase;letter-spacing:.6px}.db-sb-profile{display:flex;align-items:center;gap:11px;padding:13px 14px;margin:12px 10px 4px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:12px;flex-shrink:0}.db-sb-avatar{width:38px;height:38px;border-radius:10px;background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;font-size:.8rem;font-weight:900;display:flex;align-items:center;justify-content:center;flex-shrink:0;letter-spacing:-.3px;box-shadow:0 3px 10px #6366f166}.db-sb-avatar--free{background:linear-gradient(135deg,#6366f1,#4f46e5);box-shadow:0 3px 10px #6366f166}.db-sb-avatar--student{background:linear-gradient(135deg,#8b5cf6,#6d28d9);box-shadow:0 0 0 2px #a78bfa,0 3px 12px #8b5cf680;animation:studentRingPulse 2.5s ease-in-out infinite;position:relative}@keyframes studentRingPulse{0%,to{box-shadow:0 0 0 2px #a78bfa,0 3px 12px #8b5cf680}50%{box-shadow:0 0 0 3px #c4b5fd,0 3px 16px #8b5cf6b3}}.db-sb-avatar--premium{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 0 0 2px #fbbf24,0 3px 16px #f59e0b99;animation:premiumRingPulse 2s ease-in-out infinite;position:relative}@keyframes premiumRingPulse{0%,to{box-shadow:0 0 0 2px #fbbf24,0 3px 14px #f59e0b8c}50%{box-shadow:0 0 0 3px #fde68a,0 3px 20px #f59e0bcc}}.db-sb-avatar-crown{position:absolute;top:-8px;right:-8px;font-size:12px;line-height:1;pointer-events:none}.db-sb-user-info{flex:1;min-width:0}.db-sb-user-name{font-size:.83rem;font-weight:700;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.db-sb-user-role{display:flex;align-items:center;gap:5px;font-size:.62rem;font-weight:600;color:#ffffff61;text-transform:uppercase;letter-spacing:.5px;margin-top:3px}.db-sb-dot{width:6px;height:6px;border-radius:50%;background:#22c55e;flex-shrink:0;animation:dbDotPulse 2.5s ease-in-out infinite}@keyframes dbDotPulse{0%,to{opacity:1;box-shadow:0 0 #22c55e66}50%{opacity:.85;box-shadow:0 0 0 4px #22c55e00}}.db-sb-nav{padding:6px 10px;flex:1;min-height:160px}.db-sb-nav-label{font-size:.58rem;font-weight:700;color:#ffffff8c;text-transform:uppercase;letter-spacing:1.2px;padding:12px 8px 6px}.db-sb-nav-item{display:flex;align-items:center;gap:10px;width:100%;padding:9px 12px;border-radius:9px;border:none;background:none;color:#ffffff7a;font-size:.84rem;font-weight:600;cursor:pointer;transition:background .14s,color .14s;text-align:left;font-family:inherit;margin-bottom:2px;position:relative}.db-sb-nav-item:hover{background:#ffffff12;color:#ffffffd1}.db-sb-nav-item:hover .db-sb-nav-icon-wrap{background:#ffffff1a;color:#ffffffe6}.db-sb-nav-active{background:#6366f129!important;color:#fff!important;font-weight:700;border-radius:0 9px 9px 0}.db-sb-nav-active:before{content:"";position:absolute;left:-10px;top:50%;transform:translateY(-50%);width:3px;height:22px;background:linear-gradient(180deg,#a5b4fc,#6366f1);border-radius:0 4px 4px 0}.db-sb-nav-active .db-sb-nav-icon-wrap{background:#6366f14d;color:#93c5fd}.db-sb-nav-icon-wrap{width:28px;height:28px;border-radius:7px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .14s,color .14s;background:#ffffff0f;color:#ffffff80}.db-sb-nav-badge{margin-left:auto;background:#6366f14d;color:#93c5fd;font-size:.62rem;font-weight:800;padding:1px 6px;border-radius:10px;min-width:18px;text-align:center}.db-sb-divider{height:1px;background:#ffffff0f;margin:6px 10px;flex-shrink:0}.db-sb-progress{margin:4px 10px 8px;background:#ffffff0a;border:1px solid rgba(255,255,255,.07);border-radius:12px;padding:13px 13px 11px;flex-shrink:0}.db-sb-progress-title{font-size:.58rem;font-weight:700;color:#ffffff8c;text-transform:uppercase;letter-spacing:1.2px;margin-bottom:10px}.db-sb-progress-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px}.db-sb-stat-mini{background:#ffffff0d;border-radius:8px;padding:8px 10px}.db-sb-stat-mini-val{font-size:1.1rem;font-weight:900;color:#fff;line-height:1;letter-spacing:-.5px}.db-sb-stat-mini-lbl{font-size:.62rem;font-weight:600;color:#ffffff59;margin-top:3px;text-transform:uppercase;letter-spacing:.3px}.db-sb-progress-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.db-sb-progress-label{font-size:.73rem;color:#ffffff80;font-weight:500}.db-sb-progress-value{font-size:.85rem;font-weight:800;color:#93c5fd;letter-spacing:-.3px}.db-sb-bar-track{height:4px;background:#ffffff14;border-radius:3px;overflow:hidden;margin-bottom:5px}.db-sb-bar-fill{height:100%;background:linear-gradient(90deg,#818cf8,#818cf8);border-radius:3px;transition:width .8s cubic-bezier(.4,0,.2,1)}.db-sb-progress-sub{font-size:.65rem;color:#ffffff40;font-weight:500}.db-sb-footer{padding:10px 10px 14px;border-top:1px solid rgba(255,255,255,.06);margin-top:auto;flex-shrink:0;display:flex;flex-direction:column;gap:4px}.db-sb-tg{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:9px;background:#2aabee14;border:1px solid rgba(42,171,238,.15);margin-bottom:2px}.db-sb-tg-label{flex:1;font-size:.78rem;font-weight:600;color:#ffffff80;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.db-sb-tg-on{color:#4ade80}.db-sb-tg-connect{font-size:.72rem;font-weight:700;padding:3px 10px;border-radius:6px;border:none;background:#2aabee;color:#fff;cursor:pointer;flex-shrink:0;font-family:inherit;transition:background .15s}.db-sb-tg-connect:hover{background:#1a96d4}.db-sb-tg-connect:disabled{opacity:.6;cursor:default}.db-sb-tg-unlink{font-size:.85rem;line-height:1;padding:2px 6px;border-radius:5px;border:none;background:#ffffff14;color:#ffffffa6;cursor:pointer;flex-shrink:0;font-family:inherit;transition:background .15s,color .15s}.db-sb-tg-unlink:hover{background:#ef444426;color:#fca5a5}.db-sb-logout{display:flex;align-items:center;gap:10px;width:100%;padding:9px 12px;border-radius:9px;border:none;background:none;color:#ffffff54;font-size:.82rem;font-weight:600;cursor:pointer;transition:background .14s,color .14s;font-family:inherit}.db-sb-logout:hover{background:#ef44441f;color:#fca5a5}.db-main-area{flex:1;min-width:0;display:flex;flex-direction:column;position:relative;z-index:1}.db-welcome{background:linear-gradient(135deg,#1e1b4b,#4338ca 60%,#6366f1);padding:32px 0 28px;position:relative;overflow:hidden;flex-shrink:0;animation:dbWelcomeIn .4s ease both}@keyframes dbWelcomeIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.db-welcome:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle,rgba(255,255,255,.07) 1px,transparent 1px);background-size:24px 24px;pointer-events:none}.db-welcome:after{content:"";position:absolute;top:-80px;right:-60px;width:300px;height:300px;background:#ffffff0a;border-radius:50%;pointer-events:none}.db-welcome-inner{padding:0 28px;display:flex;align-items:center;justify-content:space-between;gap:20px;position:relative;z-index:1}.db-greeting{font-size:.85rem;color:#ffffffa6;font-weight:500;margin-bottom:6px;letter-spacing:.2px}.db-headline{font-size:1.75rem;font-weight:900;color:#fff;margin:0 0 6px;letter-spacing:-.5px;line-height:1.15}.db-name{color:#fde68a}.db-subline{font-size:.83rem;color:#ffffff80;font-weight:400;margin:0}.db-welcome-stats{display:flex;align-items:stretch;gap:0;background:#ffffff1a;border:1px solid rgba(255,255,255,.16);border-radius:14px;overflow:hidden;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);flex-shrink:0}.db-welcome-stat{display:flex;flex-direction:column;align-items:center;padding:12px 22px;gap:3px}.db-welcome-stat+.db-welcome-stat{border-left:1px solid rgba(255,255,255,.12)}.db-welcome-stat-val{font-size:1.4rem;font-weight:900;color:#fde68a;line-height:1;letter-spacing:-.5px}.db-welcome-stat-lbl{font-size:.62rem;font-weight:600;color:#ffffff7a;text-transform:uppercase;letter-spacing:.6px}.db-content{padding:26px 26px 48px;flex:1;animation:dbFadeUp .28s ease both;max-width:1440px;width:100%;margin:0 auto}@keyframes dbFadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.db-stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:22px}@media(max-width:1100px){.db-stats-row{grid-template-columns:repeat(2,1fr)}}@media(max-width:540px){.db-stats-row{grid-template-columns:1fr}}.db-stat-card{background:#fff;border-radius:16px;padding:20px 18px 18px;display:flex;align-items:center;gap:14px;border:1px solid #e8edf3;box-shadow:0 2px 8px #0000000d;transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s cubic-bezier(.4,0,.2,1),border-color .22s ease;position:relative;overflow:hidden;animation:dbFadeUp .3s ease both;cursor:pointer}.db-stats-row .db-stat-card:nth-child(1){animation-delay:.04s}.db-stats-row .db-stat-card:nth-child(2){animation-delay:.08s}.db-stats-row .db-stat-card:nth-child(3){animation-delay:.12s}.db-stats-row .db-stat-card:nth-child(4){animation-delay:.16s}.db-stat-blue{border-top:3px solid transparent;background-image:linear-gradient(#fff,#fff),linear-gradient(90deg,#6366f1,#818cf8);background-clip:padding-box,border-box;background-origin:padding-box,border-box}.db-stat-green{border-top:3px solid transparent;background-image:linear-gradient(#fff,#fff),linear-gradient(90deg,#16a34a,#4ade80);background-clip:padding-box,border-box;background-origin:padding-box,border-box}.db-stat-purple{border-top:3px solid transparent;background-image:linear-gradient(#fff,#fff),linear-gradient(90deg,#7c3aed,#c084fc);background-clip:padding-box,border-box;background-origin:padding-box,border-box}.db-stat-orange{border-top:3px solid transparent;background-image:linear-gradient(#fff,#fff),linear-gradient(90deg,#ea580c,#fb923c);background-clip:padding-box,border-box;background-origin:padding-box,border-box}.db-stat-card:hover{box-shadow:0 10px 28px #0000001a,0 0 0 1px #6366f114;transform:translateY(-4px);border-color:#c7d2fe}.db-stat-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.db-stat-blue .db-stat-icon{background:#eff6ff;color:#6366f1}.db-stat-green .db-stat-icon{background:#f0fdf4;color:#16a34a}.db-stat-purple .db-stat-icon{background:#faf5ff;color:#7c3aed}.db-stat-orange .db-stat-icon{background:#fff7ed;color:#ea580c}.db-stat-body{flex:1;min-width:0}.db-stat-value{font-size:1.55rem;font-weight:900;color:#0f172a;line-height:1;margin-bottom:4px;letter-spacing:-.6px}.db-stat-label{font-size:.72rem;color:#475569;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.db-grid{display:grid;grid-template-columns:1fr 330px;gap:18px;align-items:start}@media(max-width:1100px){.db-grid{grid-template-columns:1fr}}.db-panel{background:#fff;border-radius:16px;border:1px solid #e2e8f0;box-shadow:0 1px 3px #0000000a;overflow:hidden;transition:box-shadow .22s ease,border-color .22s ease}.db-panel:hover{box-shadow:0 4px 16px #00000012;border-color:#c7d2fe}.db-panel-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px 14px 22px;border-bottom:1px solid #f1f5f9;position:relative}.db-panel-header:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:22px;background:linear-gradient(180deg,#a5b4fc,#6366f1);border-radius:0 3px 3px 0;box-shadow:1px 0 6px #6366f14d}.db-panel-title{display:flex;align-items:center;gap:8px;font-size:.92rem;font-weight:800;color:#0f172a;letter-spacing:-.2px}.db-panel-icon{color:#6366f1}.db-count-pill{background:#eff6ff;color:#6366f1;font-size:.7rem;font-weight:800;padding:2px 9px;border-radius:20px;border:1px solid #dbeafe}.db-text-btn{display:flex;align-items:center;gap:3px;background:none;border:none;color:#6366f1;font-size:.77rem;font-weight:700;cursor:pointer;padding:4px 8px;border-radius:6px;transition:background .14s;font-family:inherit}.db-text-btn:hover{background:#eff6ff}.db-test-list{padding:6px 0}.db-test-card{display:flex;align-items:center;gap:14px;padding:14px 20px;border-bottom:1px solid #f8fafc;transition:background .16s,box-shadow .16s;cursor:pointer;position:relative}.db-test-card:last-child{border-bottom:none}.db-test-card:hover{background:#f5f8ff;box-shadow:inset 3px 0 #6366f1}.db-test-num{font-size:.65rem;font-weight:900;color:#cbd5e1;letter-spacing:.5px;flex-shrink:0;width:20px;text-align:center;align-self:center}.db-test-icon{width:46px;height:46px;background:linear-gradient(135deg,#eff6ff,#dbeafe);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#6366f1;flex-shrink:0;transition:background .16s}.db-test-card:hover .db-test-icon{background:linear-gradient(135deg,#dbeafe,#bfdbfe)}.db-test-info{flex:1;min-width:0}.db-test-title{font-size:.9rem;font-weight:800;color:#0f172a;margin:0 0 3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.db-test-desc{font-size:.77rem;color:#475569;margin:0 0 7px}.db-test-tags{display:flex;gap:5px;flex-wrap:wrap}.db-tag{font-size:.67rem;font-weight:700;padding:2px 8px;border-radius:6px;letter-spacing:.2px}.db-tag-blue{background:#dbeafe;color:#1d4ed8}.db-tag-green{background:#dcfce7;color:#15803d}.db-tag-gray{background:#f1f5f9;color:#475569}.db-btn-go{display:flex;align-items:center;gap:5px;background:linear-gradient(135deg,#4338ca,#6366f1);color:#fff;border:none;padding:8px 16px;border-radius:9px;font-size:.79rem;font-weight:700;cursor:pointer;transition:box-shadow .15s,transform .15s;white-space:nowrap;flex-shrink:0;box-shadow:0 2px 8px #6366f147;font-family:inherit}.db-btn-go:hover{transform:translateY(-1px);box-shadow:0 5px 16px #6366f166}.db-btn-go:active{transform:scale(.97)}.db-side-col{display:flex;flex-direction:column;gap:16px}.db-results-list{padding:4px 0}.db-result-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 20px;border-bottom:1px solid #f8fafc;cursor:pointer;transition:background .14s,box-shadow .14s;position:relative}.db-result-row:last-child{border-bottom:none}.db-result-row:hover{background:#f0f7ff;box-shadow:inset 3px 0 #6366f1}.db-result-row:hover .db-result-arrow{opacity:1;transform:translate(0)}.db-result-arrow{color:#93c5fd;opacity:0;transform:translate(-4px);transition:opacity .14s,transform .14s;flex-shrink:0}.db-result-main{flex:1;min-width:0}.db-result-title{font-size:.82rem;font-weight:700;color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:2px}.db-result-date{font-size:.71rem;color:#64748b;font-weight:500}.db-result-scores{display:flex;gap:4px;flex-shrink:0;flex-wrap:wrap;justify-content:flex-end;max-width:116px}.db-mini-score{font-size:.68rem;font-weight:800;padding:2px 7px;border-radius:5px}.db-score-blue{background:#dbeafe;color:#1d4ed8}.db-score-green{background:#dcfce7;color:#15803d}.db-score-purple{background:#f3e8ff;color:#7c3aed}.db-score-orange{background:#fff7ed;color:#c2410c}.db-result-band{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:9px;font-size:.82rem;font-weight:900;flex-shrink:0;letter-spacing:-.3px}.db-result-band-blue{background:#eff6ff;color:#1d4ed8;border:1.5px solid #bfdbfe}.db-result-band-green{background:#f0fdf4;color:#15803d;border:1.5px solid #bbf7d0}.db-result-band-yellow{background:#fefce8;color:#b45309;border:1.5px solid #fde68a}.db-result-band-red{background:#fff1f2;color:#be123c;border:1.5px solid #fecdd3}.db-cta-card{background:linear-gradient(135deg,#0f2558,#1e40af);border-radius:16px;padding:20px;position:relative;overflow:hidden;box-shadow:0 4px 20px #6366f133}.db-cta-card:before{content:"";position:absolute;top:-30px;right:-30px;width:120px;height:120px;background:#ffffff0d;border-radius:50%;pointer-events:none}.db-cta-eyebrow{font-size:.62rem;font-weight:700;color:#ffffff80;text-transform:uppercase;letter-spacing:.8px;margin-bottom:6px}.db-cta-title{font-size:.95rem;font-weight:800;color:#fff;margin-bottom:6px;letter-spacing:-.2px}.db-cta-desc{font-size:.78rem;color:#fff9;line-height:1.55;margin-bottom:14px}.db-cta-btn{display:inline-flex;align-items:center;gap:6px;background:#fff;color:#1e40af;border:none;padding:8px 16px;border-radius:8px;font-size:.8rem;font-weight:800;cursor:pointer;transition:background .15s cubic-bezier(.4,0,.2,1),color .15s cubic-bezier(.4,0,.2,1),border-color .15s cubic-bezier(.4,0,.2,1),box-shadow .15s cubic-bezier(.4,0,.2,1),transform .12s cubic-bezier(.4,0,.2,1);font-family:inherit;box-shadow:0 2px 8px #00000026}.db-cta-btn:hover{background:#eff6ff;transform:translateY(-1px);box-shadow:0 4px 12px #0000002e}.db-tip-card{background:linear-gradient(135deg,#fffbeb,#fef9c3);border:1px solid #fde68a;border-radius:14px;padding:16px;box-shadow:0 1px 3px #0000000a}.db-tip-header{display:flex;align-items:center;gap:7px;margin-bottom:8px}.db-tip-emoji{font-size:1rem}.db-tip-header strong{font-size:.83rem;font-weight:800;color:#78350f}.db-tip-text{font-size:.8rem;color:#92400e;line-height:1.6;margin:0 0 11px}.db-tip-btn{background:#f59e0b;color:#fff;border:none;padding:7px 14px;border-radius:8px;font-size:.77rem;font-weight:700;cursor:pointer;transition:background .15s cubic-bezier(.4,0,.2,1),color .15s cubic-bezier(.4,0,.2,1),border-color .15s cubic-bezier(.4,0,.2,1),box-shadow .15s cubic-bezier(.4,0,.2,1),transform .12s cubic-bezier(.4,0,.2,1);font-family:inherit;box-shadow:0 2px 6px #f59e0b4d}.db-tip-btn:hover{background:#d97706;transform:translateY(-1px)}.db-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:36px 20px;text-align:center;color:#475569}.db-empty-sm{padding:22px 20px}.db-empty-icon{color:#cbd5e1;margin-bottom:10px}.db-empty p{font-size:.87rem;font-weight:600;margin:0 0 4px;color:#475569}.db-empty small{font-size:.77rem;color:#94a3b8}.db-skeletons{padding:10px 20px;display:flex;flex-direction:column;gap:10px}.db-skeleton{background:linear-gradient(90deg,#f1f5f9 25%,#e8edf3,#f1f5f9 75%);background-size:200% 100%;animation:dbShimmer 1.4s ease-in-out infinite;border-radius:8px;height:64px}.db-skeleton-sm{height:44px}@keyframes dbShimmer{0%{background-position:150% 0}to{background-position:-50% 0}}.mr-page{padding:32px 36px 48px;min-height:100%}.mr-page-header{margin-bottom:28px}.mr-page-header h1{font-size:1.45rem;font-weight:800;color:#0f172a;margin:0 0 4px}.mr-page-header p{font-size:.85rem;color:#64748b;margin:0}@media(max-width:768px){.db-sidebar{display:none}.db-content{padding:18px 16px 40px}.db-welcome-inner{padding:0 1rem}.db-welcome-stats{display:none}.mr-page{padding:20px 16px 40px}.db-main-area{padding-top:56px;padding-bottom:72px}}.db-mobile-topbar{display:none}@media(max-width:768px){.db-mobile-topbar{display:flex;align-items:center;justify-content:space-between;position:fixed;top:0;left:0;right:0;height:56px;background:var(--sidebar-bg);padding:0 16px;z-index:200;box-shadow:0 2px 8px #0000004d}.db-mobile-topbar-brand{display:flex;align-items:center;gap:10px}.db-mobile-topbar-brand .db-sb-brand-name{color:#fff;font-size:.95rem;font-weight:700}.db-mobile-topbar-brand .db-sb-brand-logo{width:28px;height:28px}.db-hamburger{background:none;border:none;color:#fff;font-size:1.5rem;cursor:pointer;padding:4px 8px;line-height:1;border-radius:6px;transition:background .15s}.db-hamburger:hover{background:#ffffff1a}.db-sidebar.db-sidebar-open{display:flex;position:fixed;top:0;left:0;height:100vh;width:256px;z-index:300;transform:translate(0);animation:db-slide-in .22s ease}.db-overlay{position:fixed;inset:0;background:#00000080;z-index:250}.db-layout:before{display:none}}@keyframes db-slide-in{0%{transform:translate(-256px)}to{transform:translate(0)}}.db-upgrade-banner{display:flex;align-items:center;gap:14px;background:linear-gradient(135deg,#fef3c7,#fde68a);border:1.5px solid #f59e0b;border-radius:12px;padding:14px 20px;margin:16px 20px 0}.db-upgrade-icon{color:#d97706;flex-shrink:0}.db-upgrade-text{flex:1;font-size:.875rem;color:#78350f;line-height:1.4}.db-upgrade-btn{background:#f59e0b;color:#fff;border:none;border-radius:8px;padding:8px 16px;font-size:.8rem;font-weight:700;cursor:pointer;white-space:nowrap;transition:background .15s;flex-shrink:0}.db-upgrade-btn:hover{background:#d97706}.db-streak-card{background:linear-gradient(135deg,#fff7ed,#ffedd5);border:1.5px solid #fed7aa;border-radius:16px;padding:16px 20px;display:flex;align-items:center;gap:14px}.db-streak-fire{font-size:32px;line-height:1;animation:db-fire-pulse 2s infinite}@keyframes db-fire-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.12)}}.db-streak-count{font-size:26px;font-weight:900;color:#ea580c;line-height:1;letter-spacing:-1px}.db-streak-label{font-size:12px;color:#9a3412;font-weight:600;margin-top:2px}.db-streak-msg{font-size:11px;color:#c2410c;margin-top:4px}.db-countdown-card{background:linear-gradient(135deg,#eff6ff,#dbeafe);border:1.5px solid #bfdbfe;border-radius:16px;padding:16px 20px;display:flex;align-items:center;gap:14px}.db-countdown-icon{font-size:28px;line-height:1}.db-countdown-body{flex:1}.db-countdown-days{font-size:26px;font-weight:900;color:#6366f1;line-height:1;letter-spacing:-1px}.db-countdown-label{font-size:12px;color:#1e40af;font-weight:600;margin-top:2px}.db-countdown-sub{font-size:11px;color:#818cf8;margin-top:4px}.db-target-card{background:#fff;border:1.5px solid #e2e8f0;border-radius:16px;padding:16px 20px}.db-target-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.db-target-title{font-size:13px;font-weight:700;color:#1e293b;display:flex;align-items:center;gap:6px}.db-target-scores{display:flex;align-items:center;gap:6px;font-size:12px}.db-target-current{font-weight:800;color:#6366f1;font-size:16px}.db-target-sep{color:#94a3b8}.db-target-goal{font-weight:800;color:#0f172a;font-size:16px}.db-target-bar-bg{height:10px;background:#f1f5f9;border-radius:999px;overflow:hidden;margin-bottom:6px}.db-target-bar-fill{height:100%;background:linear-gradient(90deg,#6366f1,#818cf8);border-radius:999px;transition:width 1s cubic-bezier(.25,1,.5,1)}.db-target-remaining{font-size:11px;color:#64748b;text-align:right}.db-badges-card{background:#fff;border:1.5px solid #e2e8f0;border-radius:16px;padding:16px 20px}.db-badges-title{font-size:13px;font-weight:700;color:#1e293b;margin-bottom:12px;display:flex;align-items:center;gap:6px}.db-badges-grid{display:flex;flex-wrap:wrap;gap:8px}.db-badge-item{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 10px;border-radius:10px;background:#f8fafc;border:1px solid #e2e8f0;min-width:64px}.db-badge-item.earned{background:linear-gradient(135deg,#fef9c3,#fef08a);border-color:#fde047}.db-badge-icon{font-size:20px;line-height:1}.db-badge-label{font-size:10px;font-weight:600;color:#475569;text-align:center;white-space:nowrap}.db-badge-item.earned .db-badge-label{color:#713f12}.db-badge-item.locked .db-badge-icon{filter:grayscale(1);opacity:.4}.db-badge-item.locked .db-badge-label{color:#cbd5e1}.db-nudge-card{border-radius:16px;padding:18px 20px;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff}.db-nudge-emoji{font-size:22px;line-height:1;margin-bottom:8px}.db-nudge-title{font-size:14px;font-weight:800;margin-bottom:6px;line-height:1.3}.db-nudge-sub{font-size:12px;opacity:.85;margin-bottom:12px;line-height:1.4}.db-nudge-btn{background:#fff;color:#6366f1;border:none;border-radius:10px;padding:9px 18px;font-size:13px;font-weight:700;cursor:pointer;width:100%;transition:opacity .15s}.db-nudge-btn:hover{opacity:.92}.db-daily-card{background:linear-gradient(135deg,#fdf4ff,#fce7f3);border:1.5px solid #f0abfc;border-radius:18px;padding:18px 20px;margin-bottom:16px}.db-daily-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.db-daily-badge{font-size:11px;font-weight:800;color:#9333ea;text-transform:uppercase;letter-spacing:.06em}.db-daily-status{font-size:11px;font-weight:700;padding:3px 10px;border-radius:20px}.db-daily-status.done{background:#f0fdf4;color:#16a34a;border:1px solid #bbf7d0}.db-daily-status.tried{background:#fef3c7;color:#d97706;border:1px solid #fde68a}.db-daily-word{font-size:22px;font-weight:900;color:#7c3aed;margin-bottom:5px;letter-spacing:-.5px}.db-daily-example{font-size:12px;color:#9333ea;font-style:italic;margin-bottom:12px;opacity:.8;line-height:1.5}.db-daily-opts{display:flex;flex-direction:column;gap:6px}.db-daily-opt{padding:9px 14px;border-radius:10px;border:1.5px solid #e9d5ff;background:#fff;color:#4b5563;font-size:13px;font-weight:500;cursor:pointer;text-align:left;transition:background .15s cubic-bezier(.4,0,.2,1),color .15s cubic-bezier(.4,0,.2,1),border-color .15s cubic-bezier(.4,0,.2,1),box-shadow .15s cubic-bezier(.4,0,.2,1),transform .12s cubic-bezier(.4,0,.2,1),opacity .15s cubic-bezier(.4,0,.2,1);font-family:inherit}.db-daily-opt:hover{border-color:#9333ea;background:#faf5ff}.db-daily-result{border-radius:12px;padding:14px;text-align:center}.db-daily-result.correct{background:#f0fdf4;border:1px solid #bbf7d0}.db-daily-result.wrong{background:#fef2f2;border:1px solid #fecaca}.db-daily-result-icon{font-size:24px;margin-bottom:6px}.db-daily-def{font-size:12px;color:#374151;line-height:1.55;margin-bottom:6px}.db-daily-uz{font-size:12px;color:#64748b}.db-streak-card{background:linear-gradient(135deg,#fff7ed,#fffbeb);border:1.5px solid #fed7aa;border-radius:16px;padding:16px;display:flex;align-items:center;gap:12px}.db-streak-card.streak-hot{background:linear-gradient(135deg,#fff7ed,#fef3c7);border-color:#fbbf24;box-shadow:0 4px 16px #fbbf2433}.db-streak-fire{font-size:28px;flex-shrink:0}.db-streak-body{flex:1}.db-streak-count{font-size:26px;font-weight:900;color:#ea580c;line-height:1}.db-streak-label{font-size:11px;font-weight:600;color:#92400e;text-transform:uppercase;letter-spacing:.5px;margin-top:1px}.db-streak-msg{font-size:12px;color:#b45309;margin-top:4px}.db-streak-dots{display:flex;gap:4px;flex-direction:column;justify-content:center}.db-streak-dot{width:8px;height:8px;border-radius:50%;background:#e2e8f0;transition:background .2s}.db-streak-dot.active{background:#f59e0b;box-shadow:0 0 6px #f59e0b80}.db-badge-popup{position:fixed;bottom:28px;left:50%;transform:translate(-50%);z-index:9998;background:linear-gradient(135deg,#1e1b4b,#4338ca);color:#fff;border-radius:16px;padding:14px 22px;display:flex;align-items:center;gap:14px;box-shadow:0 8px 32px #6366f173;animation:badgePopIn .35s cubic-bezier(.34,1.56,.64,1) both,badgeFadeOut .4s 3.6s ease forwards;min-width:240px}.db-badge-popup-icon{font-size:32px}.db-badge-popup-title{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.8px;color:#ffffffb3}.db-badge-popup-name{font-size:16px;font-weight:800}@keyframes badgePopIn{0%{opacity:0;transform:translate(-50%) translateY(20px) scale(.88)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}@keyframes badgeFadeOut{to{opacity:0;transform:translate(-50%) translateY(12px);pointer-events:none}}.db-badges-card{background:var(--bg-card);border:1.5px solid var(--border);border-radius:16px;padding:16px}.db-badges-title{font-size:13px;font-weight:700;color:var(--text-main)}.db-badges-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.db-badge-item{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 6px;border-radius:12px;border:1.5px solid var(--border);text-align:center;transition:box-shadow .2s cubic-bezier(.4,0,.2,1),transform .15s cubic-bezier(.4,0,.2,1),border-color .15s cubic-bezier(.4,0,.2,1),background .15s cubic-bezier(.4,0,.2,1);cursor:default}.db-badge-item.earned{background:var(--primary-light);border-color:var(--primary-border);box-shadow:0 2px 8px #6366f11f}.db-badge-item.locked{opacity:.45;background:var(--gray-50)}.db-badge-item.earned:hover{transform:translateY(-2px);box-shadow:0 4px 12px #6366f133}.db-badge-icon{font-size:20px}.db-badge-label{font-size:9px;font-weight:600;color:var(--text-light);text-transform:uppercase;letter-spacing:.3px;line-height:1.3}.db-badges-hint{font-size:12px;color:var(--text-muted);text-align:center;margin-top:10px;padding:8px;background:var(--gray-50);border-radius:8px}.db-leaderboard{background:var(--bg-card);border:1.5px solid var(--border);border-radius:16px;padding:16px;overflow:hidden}.db-lb-badge{font-size:10px;font-weight:700;background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#fff;padding:2px 8px;border-radius:99px}.db-lb-list{display:flex;flex-direction:column;gap:4px;margin-top:12px}.db-lb-row{display:flex;align-items:center;gap:8px;padding:7px 10px;border-radius:10px;transition:background .15s}.db-lb-row:hover{background:var(--gray-50)}.db-lb-row.db-lb-me{background:var(--primary-light);border:1.5px solid var(--primary-border)}.db-lb-rank{font-size:14px;width:24px;text-align:center;flex-shrink:0}.db-lb-avatar{width:28px;height:28px;border-radius:50%;flex-shrink:0;background:linear-gradient(135deg,#6366f1,#818cf8);color:#fff;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center}.db-lb-me .db-lb-avatar{background:linear-gradient(135deg,#f59e0b,#fbbf24);color:#fff}.db-lb-name{flex:1;font-size:13px;font-weight:600;color:var(--text-main)}.db-lb-you{font-size:10px;font-weight:500;color:var(--primary)}.db-lb-band{font-size:13px;font-weight:800;color:var(--primary)}.db-lb-cta{text-align:center;font-size:12px;color:var(--text-muted);margin-top:10px;padding:8px;background:var(--gray-50);border-radius:8px}.db-league-card{background:var(--league-bg, #fdf4eb);border:1.5px solid var(--league-color, #cd7f32);border-radius:16px;padding:16px;position:relative;overflow:hidden}.db-league-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 60%,color-mix(in srgb,var(--league-color, #cd7f32) 8%,transparent));pointer-events:none}.db-league-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.db-league-badge{display:flex;align-items:center;gap:10px}.db-league-icon{font-size:28px}.db-league-name{font-size:16px;font-weight:900;color:var(--league-color);line-height:1}.db-league-xp{font-size:12px;font-weight:600;color:var(--text-muted);margin-top:2px}.db-league-weekly{text-align:right}.db-league-weekly-val{font-size:18px;font-weight:900;color:var(--league-color);line-height:1}.db-league-weekly-label{font-size:10px;font-weight:600;color:var(--text-muted);text-transform:uppercase}.db-league-bar-bg{height:8px;background:#00000014;border-radius:99px;margin-bottom:6px;overflow:hidden}.db-league-bar-fill{height:100%;border-radius:99px;background:linear-gradient(90deg,var(--league-color),color-mix(in srgb,var(--league-color) 70%,white));transition:width 1s cubic-bezier(.34,1.56,.64,1)}.db-league-progress-label{font-size:11px;font-weight:600;color:var(--text-muted)}.db-quests-card{background:var(--bg-card);border:1.5px solid var(--border);border-radius:16px;padding:16px}.db-quests-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.db-quests-title{font-size:13px;font-weight:800;color:var(--text-main)}.db-quests-count{font-size:11px;font-weight:700;background:#fef3c7;color:#b45309;padding:2px 8px;border-radius:99px}.db-quests-bar-bg{height:5px;background:var(--border);border-radius:99px;margin-bottom:12px;overflow:hidden}.db-quests-bar-fill{height:100%;background:linear-gradient(90deg,#f59e0b,#fbbf24);border-radius:99px;transition:width .5s ease}.db-quests-list{display:flex;flex-direction:column;gap:4px}.db-quest-row{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:10px;background:var(--gray-50);transition:box-shadow .2s cubic-bezier(.4,0,.2,1),transform .15s cubic-bezier(.4,0,.2,1),border-color .15s cubic-bezier(.4,0,.2,1),background .15s cubic-bezier(.4,0,.2,1)}.db-quest-row.done{background:#f0fdf4;opacity:.75}.db-quest-icon{font-size:15px;flex-shrink:0}.db-quest-label{flex:1;font-size:12px;font-weight:600;color:var(--text-body)}.db-quest-row.done .db-quest-label{text-decoration:line-through;color:var(--text-muted)}.db-quest-xp{font-size:11px;font-weight:700;color:#f59e0b;flex-shrink:0}.db-quest-check{width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;flex-shrink:0;border:2px solid var(--border);color:var(--text-muted);transition:box-shadow .2s cubic-bezier(.4,0,.2,1),transform .15s cubic-bezier(.4,0,.2,1),border-color .15s cubic-bezier(.4,0,.2,1),background .15s cubic-bezier(.4,0,.2,1)}.db-quest-check.done{background:#16a34a;border-color:#16a34a;color:#fff}.db-quests-complete{text-align:center;font-size:12px;font-weight:700;color:#16a34a;background:#f0fdf4;border-radius:8px;padding:8px;margin-top:10px;border:1px solid #bbf7d0}.db-side-panel{background:var(--bg-card);border:1.5px solid var(--border);border-radius:18px;overflow:hidden;display:flex;flex-direction:column}.db-side-tabs{display:flex;border-bottom:1.5px solid var(--border);background:#f8fafc;flex-shrink:0}.db-side-tab{flex:1;padding:12px 4px;font-size:12px;font-weight:600;color:var(--text-muted);background:transparent;border:none;cursor:pointer;border-bottom:2.5px solid transparent;margin-bottom:-1.5px;transition:color .18s,border-color .18s;letter-spacing:.01em}.db-side-tab:hover{color:var(--text-body)}.db-side-tab.active{color:var(--primary);border-bottom-color:var(--primary);background:var(--bg-card);font-weight:700}.db-tab-body{overflow-y:auto;max-height:620px;scrollbar-width:thin;scrollbar-color:#e2e8f0 transparent}.db-tab-body::-webkit-scrollbar{width:4px}.db-tab-body::-webkit-scrollbar-track{background:transparent}.db-tab-body::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:99px}.db-tab-content{display:flex;flex-direction:column;gap:12px;padding:14px;animation:db-tab-fade .18s ease}@keyframes db-tab-fade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.db-tab-content .db-streak-card,.db-tab-content .db-quests-card,.db-tab-content .db-daily-card,.db-tab-content .db-countdown-card,.db-tab-content .db-badges-card,.db-tab-content .db-leaderboard{border-radius:14px}.db-sp-skeleton-list{display:flex;flex-direction:column;gap:8px}.db-sp-skeleton{height:52px;border-radius:10px;background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0,#f1f5f9 75%);background-size:200% 100%;animation:db-shimmer 1.4s infinite}.db-sp-empty{text-align:center;padding:28px 16px;color:var(--text-muted)}.db-sp-empty-icon{font-size:36px;margin-bottom:8px}.db-sp-empty p{font-size:13px;font-weight:600;margin:0 0 12px}.db-sp-cta{display:inline-block;padding:8px 20px;background:var(--primary);color:#fff;border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:opacity .15s}.db-sp-cta:hover{opacity:.87}.db-sp-results{background:var(--gray-50);border-radius:12px;overflow:hidden}.db-sp-results-header{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-bottom:1px solid var(--border);font-size:11px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.db-sp-see-all{font-size:11px;font-weight:700;color:var(--primary);background:none;border:none;cursor:pointer;padding:0}.db-sp-see-all:hover{text-decoration:underline}.db-sp-result-row{display:flex;align-items:center;gap:10px;padding:10px 14px;cursor:pointer;border-bottom:1px solid var(--border);transition:background .14s}.db-sp-result-row:last-child{border-bottom:none}.db-sp-result-row:hover{background:#fff}.db-sp-result-band{width:42px;height:42px;border-radius:10px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:900}.db-sp-result-info{flex:1;min-width:0}.db-sp-result-title{font-size:12px;font-weight:700;color:var(--text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.db-sp-result-date{font-size:11px;color:var(--text-muted);margin-top:2px}.db-sp-result-arrow{color:var(--text-light);flex-shrink:0}.db-sp-upgrade{background:linear-gradient(135deg,#4338ca,#6366f1);border-radius:14px;padding:16px;color:#fff;text-align:center}.db-sp-upgrade-title{font-size:14px;font-weight:800;margin-bottom:4px}.db-sp-upgrade-desc{font-size:11px;opacity:.82;margin-bottom:12px;line-height:1.5}.db-sp-upgrade-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;background:#fff;color:#4338ca;border:none;border-radius:8px;font-size:13px;font-weight:700;cursor:pointer;transition:transform .15s,box-shadow .15s}.db-sp-upgrade-btn:hover{transform:translateY(-1px);box-shadow:0 4px 14px #0000002e}.db-sp-referral{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:1.5px solid #bbf7d0;border-radius:14px;padding:14px}.db-sp-referral-title{font-size:13px;font-weight:800;color:#14532d;margin-bottom:3px}.db-sp-referral-desc{font-size:11px;color:#166534;margin-bottom:10px;line-height:1.5}.db-sp-referral-box{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #bbf7d0;border-radius:8px;padding:6px 10px}.db-sp-referral-code{flex:1;font-size:13px;font-weight:700;color:#166534;font-family:JetBrains Mono,monospace,sans-serif;letter-spacing:.05em}.db-sp-referral-copy{display:inline-flex;align-items:center;gap:4px;padding:5px 10px;background:#16a34a;color:#fff;border:none;border-radius:6px;font-size:11px;font-weight:700;cursor:pointer;transition:opacity .15s}.db-sp-referral-copy:hover{opacity:.88}.db-sp-referral-stat{margin-top:8px;font-size:11px;font-weight:600;color:#16a34a;text-align:center}.db-badges-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.db-badges-count{font-size:11px;font-weight:700;background:var(--primary-light);color:var(--primary);padding:2px 8px;border-radius:99px}.db-referral-banner{display:flex;align-items:center;gap:14px;background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:1px solid #bbf7d0;border-radius:12px;padding:16px 20px;position:relative;flex-wrap:wrap}.db-referral-banner-left{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.db-referral-banner-emoji{font-size:22px;flex-shrink:0;line-height:1}.db-referral-banner-text{font-size:.85rem;font-weight:600;color:#14532d;line-height:1.45}.db-referral-banner-stat{font-size:.8rem;font-weight:700;color:#16a34a}.db-referral-banner-middle{flex-shrink:0}.db-referral-banner-pill{display:inline-flex;align-items:center;gap:8px;background:#fff;border:1.5px solid #86efac;border-radius:8px;padding:7px 14px;cursor:pointer;transition:border-color .15s,box-shadow .15s;font-family:JetBrains Mono,monospace,sans-serif}.db-referral-banner-pill:hover{border-color:#16a34a;box-shadow:0 2px 8px #16a34a2e}.db-referral-banner-code{font-size:.88rem;font-weight:700;color:#166534;letter-spacing:.08em}.db-referral-banner-copy-icon{font-size:.8rem;color:#16a34a;display:flex;align-items:center}.db-referral-banner-dismiss{position:absolute;top:10px;right:12px;background:none;border:none;font-size:1.15rem;color:#86efac;cursor:pointer;line-height:1;padding:2px 6px;border-radius:4px;transition:color .14s,background .14s}.db-referral-banner-dismiss:hover{color:#14532d;background:#16a34a1a}.db-streak-toast{position:fixed;bottom:24px;right:24px;z-index:999;background:linear-gradient(135deg,#ff6b35,#f7c948);border-radius:14px;padding:14px 20px;display:flex;align-items:center;gap:14px;box-shadow:0 8px 28px #ff6b3561;animation:db-toast-in .35s cubic-bezier(.34,1.56,.64,1) both;max-width:360px;flex-wrap:wrap}@keyframes db-toast-in{0%{opacity:0;transform:translateY(20px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.db-streak-toast-text{flex:1;font-size:.85rem;font-weight:700;color:#fff;line-height:1.45;text-shadow:0 1px 2px rgba(0,0,0,.12)}.db-streak-toast-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.db-streak-toast-btn{background:#fff;color:#c2410c;border:none;border-radius:8px;padding:7px 14px;font-size:.79rem;font-weight:800;cursor:pointer;transition:transform .14s,box-shadow .14s;white-space:nowrap;font-family:inherit;box-shadow:0 2px 8px #0000001f}.db-streak-toast-btn:hover{transform:translateY(-1px);box-shadow:0 4px 14px #0000002e}.db-streak-toast-dismiss{background:#ffffff40;border:none;border-radius:6px;color:#fff;font-size:1.1rem;line-height:1;padding:4px 8px;cursor:pointer;transition:background .14s;font-family:inherit}.db-streak-toast-dismiss:hover{background:#ffffffa6}.db-skeleton{background:linear-gradient(90deg,#e2e8f0 25%,#f1f5f9,#e2e8f0 75%);background-size:200% 100%;animation:db-shimmer 1.4s infinite;border-radius:8px}@keyframes db-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.db-skel-card{height:90px;border-radius:12px}.db-skel-row{height:56px;border-radius:8px;margin-bottom:8px}.wc-overlay{position:fixed;inset:0;z-index:9997;background:linear-gradient(160deg,#060814ed,#14103ce6 45%,#282064e0);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;overflow:hidden;animation:wc-fade-in .5s ease both}@keyframes wc-fade-in{0%{opacity:0}to{opacity:1}}.wc-overlay.wc-out{animation:wc-fade-out .42s ease forwards}@keyframes wc-fade-out{to{opacity:0;pointer-events:none}}.wc-particle{position:absolute;bottom:-20px;opacity:0;animation:wc-rise linear infinite}@keyframes wc-rise{0%{transform:translateY(0) rotate(0) scale(1);opacity:0}8%{opacity:.9}85%{opacity:.6}to{transform:translateY(-105vh) rotate(540deg) scale(.6);opacity:0}}.wc-card{position:relative;background:#ffffff0f;border:1px solid rgba(255,255,255,.13);border-radius:28px;padding:48px 44px 38px;text-align:center;max-width:400px;width:calc(100% - 48px);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 32px 100px #00000080,0 0 0 1px #ffffff0a,inset 0 1px #ffffff14;animation:wc-card-in .55s cubic-bezier(.34,1.56,.64,1) .08s both;overflow:hidden}@keyframes wc-card-in{0%{opacity:0;transform:translateY(28px) scale(.87)}to{opacity:1;transform:translateY(0) scale(1)}}.wc-card:before{content:"";position:absolute;top:-60px;left:-60px;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle,rgba(99,102,241,.22) 0%,transparent 70%);pointer-events:none}.wc-rings{position:absolute;top:52px;left:50%;transform:translate(-50%);width:80px;height:80px}.wc-ring{position:absolute;inset:0;border-radius:50%;border:1.5px solid rgba(99,102,241,.35);animation:wc-ring-expand 2.2s ease-out infinite}.wc-ring:nth-child(2){animation-delay:.55s}.wc-ring:nth-child(3){animation-delay:1.1s}@keyframes wc-ring-expand{0%{transform:scale(1);opacity:.8}to{transform:scale(2.8);opacity:0}}.wc-avatar{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#4f46e5,#818cf8);color:#fff;font-size:34px;font-weight:900;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;position:relative;z-index:1;box-shadow:0 0 0 4px #6366f140,0 8px 28px #6366f173;animation:wc-avatar-glow 2.5s ease-in-out infinite}@keyframes wc-avatar-glow{0%,to{box-shadow:0 0 0 4px #6366f140,0 8px 28px #6366f173}50%{box-shadow:0 0 0 10px #6366f11f,0 8px 40px #6366f199}}.wc-greeting{font-size:14px;color:#ffffff8c;font-weight:600;margin-bottom:6px;letter-spacing:.4px}.wc-name{font-size:clamp(22px,5vw,28px);font-weight:900;color:#fff;margin:0 0 14px;letter-spacing:-.5px;line-height:1.2}.wc-name-highlight{background:linear-gradient(135deg,#a5b4fc,#c084fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.wc-streak-pill{display:inline-flex;align-items:center;gap:6px;background:#fbbf2424;border:1px solid rgba(251,191,36,.32);color:#fbbf24;padding:7px 18px;border-radius:99px;font-size:13px;font-weight:600;margin-bottom:14px;animation:wc-pill-in .4s ease .4s both}@keyframes wc-pill-in{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.wc-motto{font-size:13px;color:#ffffff6b;line-height:1.65;margin:0 0 26px}.wc-btn{background:linear-gradient(135deg,#4f46e5,#6366f1);color:#fff;border:none;padding:14px 36px;border-radius:14px;font-size:15px;font-weight:800;cursor:pointer;font-family:inherit;box-shadow:0 6px 24px #6366f180;transition:transform .15s,box-shadow .15s;animation:wc-btn-in .4s ease .55s both;display:inline-flex;align-items:center;gap:8px}@keyframes wc-btn-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.wc-btn:hover{transform:translateY(-2px);box-shadow:0 10px 32px #6366f1a6}.wc-btn-arrow{display:inline-block;transition:transform .2s}.wc-btn:hover .wc-btn-arrow{transform:translate(3px)}.wc-tap-hint{margin-top:14px;font-size:11px;color:#ffffff8c;font-weight:500;letter-spacing:.3px}.db-readiness-card{background:#fff;border:1.5px solid #e2e8f0;border-radius:16px;padding:16px 20px;margin:0 0 18px;display:flex;flex-direction:column;gap:12px}.db-readiness-title{font-size:13px;font-weight:800;color:#0f172a;letter-spacing:-.1px}.db-readiness-body{display:flex;align-items:center;gap:20px}.db-readiness-details{flex:1;display:flex;flex-direction:column;gap:6px}.db-readiness-row{display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:600;color:#64748b}.db-readiness-row span:last-child{font-weight:800}.db-calendar-card{background:#fff;border:1.5px solid #e2e8f0;border-radius:14px;padding:14px 16px}.db-calendar-title{font-size:12px;font-weight:800;color:#0f172a;margin-bottom:10px;letter-spacing:-.1px}.db-calendar-grid{display:flex;gap:3px}.db-calendar-week{display:flex;flex-direction:column;gap:3px}.db-calendar-cell{width:11px;height:11px;border-radius:2.5px;transition:transform .1s}.db-calendar-cell:hover{transform:scale(1.3)}.db-calendar-legend{display:flex;align-items:center;gap:4px;margin-top:8px;font-size:10px;color:#94a3b8;font-weight:600}.db-checklist-card{background:linear-gradient(135deg,#f0fdf4,#ecfdf5);border:1.5px solid #bbf7d0;border-radius:14px;padding:14px 16px}.db-checklist-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.db-checklist-title{font-size:13px;font-weight:800;color:#14532d}.db-checklist-count{font-size:11px;font-weight:700;background:#dcfce7;color:#166534;padding:2px 8px;border-radius:99px;border:1px solid #bbf7d0}.db-checklist-bar-bg{height:4px;background:#16a34a26;border-radius:99px;margin-bottom:10px;overflow:hidden}.db-checklist-bar-fill{height:100%;background:linear-gradient(90deg,#16a34a,#22c55e);border-radius:99px;transition:width .5s ease}.db-checklist-item{display:flex;align-items:center;gap:8px;padding:7px 8px;border-radius:8px;cursor:pointer;transition:background .12s;margin-bottom:2px}.db-checklist-item:hover{background:#16a34a14}.db-checklist-item.done{opacity:.65}.db-checklist-check{width:18px;height:18px;border-radius:50%;border:2px solid #86efac;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:900;color:transparent;flex-shrink:0;transition:background .15s cubic-bezier(.4,0,.2,1),color .15s cubic-bezier(.4,0,.2,1),border-color .15s cubic-bezier(.4,0,.2,1),box-shadow .15s cubic-bezier(.4,0,.2,1),transform .12s cubic-bezier(.4,0,.2,1)}.db-checklist-check.done{background:#16a34a;border-color:#16a34a;color:#fff}.db-checklist-icon{font-size:14px;flex-shrink:0}.db-checklist-label{font-size:12px;font-weight:600;color:#166534;flex:1}.db-checklist-item.done .db-checklist-label{text-decoration:line-through;color:#4ade80}.db-predictor-card{margin-bottom:20px;background:#fff;border:1px solid #e2e8f0;border-radius:18px;padding:18px 20px;box-shadow:0 2px 12px #0000000a}.db-pred-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:16px;flex-wrap:wrap}.db-pred-title{font-size:15px;font-weight:800;color:#1e293b;margin-bottom:3px}.db-pred-sub{font-size:12px;color:#64748b;font-weight:500}.db-pred-trend-pill{font-size:11px;font-weight:700;color:#475569;background:#f8fafc;border:1px solid #e2e8f0;border-radius:99px;padding:4px 12px;white-space:nowrap;flex-shrink:0}.db-pred-body{display:flex;gap:20px;align-items:flex-start}.db-pred-score-col{display:flex;flex-direction:column;align-items:center;flex-shrink:0;padding:10px 16px;background:#f8fafc;border-radius:14px;border:1px solid #e2e8f0;min-width:84px}.db-pred-band{font-size:36px;font-weight:900;line-height:1;margin-bottom:4px}.db-pred-band-label{font-size:10px;color:#94a3b8;font-weight:700;text-transform:uppercase;letter-spacing:.08em;margin-bottom:4px}.db-pred-ci{font-size:11px;font-weight:700}.db-pred-bars{flex:1;display:flex;flex-direction:column;gap:10px;min-width:0}.db-pred-target-row{display:flex;justify-content:space-between;font-size:12px;color:#64748b;font-weight:600}.db-pred-bar-bg{height:7px;background:#f1f5f9;border-radius:99px;overflow:hidden}.db-pred-bar-fill{height:100%;border-radius:99px;transition:width 1s cubic-bezier(.25,1,.5,1)}.db-pred-sparkline-label{font-size:11px;color:#94a3b8;font-weight:600}.db-pred-sparkline{display:flex;align-items:flex-end;gap:6px;height:44px}.db-pred-spark-bar-wrap{display:flex;flex-direction:column;align-items:center;gap:2px;flex:1;height:100%;justify-content:flex-end}.db-pred-spark-bar{width:100%;border-radius:4px 4px 0 0;transition:height .5s ease}.db-pred-spark-label{font-size:9px;font-weight:700;color:#94a3b8;white-space:nowrap}.db-card,.db-stat-card,.db-quick-card{transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s cubic-bezier(.4,0,.2,1)}.db-card:hover,.db-stat-card:hover,.db-quick-card:hover{transform:translateY(-3px);box-shadow:0 16px 48px #00000026,0 4px 16px #6366f11a}.scroll-reveal{opacity:0;transform:translateY(20px);transition:opacity .5s ease,transform .5s ease}.db-journey-card{background:linear-gradient(135deg,#6366f114,#10b9810d);border:1px solid rgba(99,102,241,.18);border-radius:18px;padding:20px 24px;margin:0 0 20px}.db-journey-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.db-journey-title{font-size:15px;font-weight:700;color:var(--text-main)}.db-journey-pill{background:#6366f11f;color:#818cf8;font-size:12px;font-weight:700;padding:3px 12px;border-radius:999px;letter-spacing:.02em}.db-journey-track{position:relative;padding:0 0 28px;margin:0 8px}.db-journey-bar-bg{height:6px;background:#6366f11f;border-radius:999px;overflow:hidden;position:relative;z-index:1}.db-journey-bar-fill{height:100%;background:linear-gradient(90deg,#6366f1,#10b981);border-radius:999px;transition:width 1.2s cubic-bezier(.25,1,.5,1)}.db-journey-milestones{position:absolute;top:-5px;left:0;right:0}.db-journey-node{position:absolute;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:6px}.db-journey-dot{width:16px;height:16px;border-radius:50%;background:#e2e8f0;border:2px solid #cbd5e1;transition:background .3s,border-color .3s,transform .3s;z-index:2}.db-journey-node.passed .db-journey-dot{background:#6366f1;border-color:#6366f1;box-shadow:0 0 0 3px #6366f133}.db-journey-node.current .db-journey-dot{background:#6366f1;border-color:#818cf8;transform:scale(1.25);box-shadow:0 0 0 5px #6366f140,0 0 20px #6366f166}.db-journey-node.target .db-journey-dot{background:#10b981;border-color:#10b981;box-shadow:0 0 0 3px #10b98133}.db-journey-label{font-size:10px;font-weight:700;color:var(--text-muted);white-space:nowrap;margin-top:6px}.db-journey-node.passed .db-journey-label{color:#6366f1}.db-journey-node.current .db-journey-label{color:#6366f1;font-size:11px}.db-journey-node.target .db-journey-label{color:#10b981}.db-journey-footer{display:flex;justify-content:space-between;font-size:12px;color:var(--text-muted);margin-top:4px}.db-journey-target-val{color:#10b981}.db-class-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 14px;border-radius:999px;font-size:12px;font-weight:700;letter-spacing:.04em;margin-top:8px}.db-class-badge--beginner{background:#94a3b826;color:#94a3b8;border:1px solid rgba(148,163,184,.3)}.db-class-badge--scholar{background:#6366f11f;color:#818cf8;border:1px solid rgba(99,102,241,.25)}.db-class-badge--challenger{background:#10b9811f;color:#10b981;border:1px solid rgba(16,185,129,.25)}.db-class-badge--master{background:#f59e0b1f;color:#f59e0b;border:1px solid rgba(245,158,11,.25)}.db-badges-grid-premium{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:4px 0}.db-badge-item-premium{display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 8px;border-radius:14px;border:1px solid transparent;cursor:default;transition:transform .2s cubic-bezier(.34,1.56,.64,1),border-color .15s ease,background .15s ease;text-align:center}.db-badge-item-premium.earned{background:#6366f114;border-color:#6366f133}.db-badge-item-premium.earned:hover{transform:translateY(-3px) scale(1.05);background:#6366f124;border-color:#6366f159}.db-badge-item-premium.locked{background:#94a3b80d;border-color:#94a3b81a;opacity:.55}.db-badge-icon-wrap{position:relative;width:40px;height:40px;display:flex;align-items:center;justify-content:center}.db-badge-icon{font-size:24px;line-height:1}.db-badge-earned-ring{position:absolute;inset:-4px;border-radius:50%;border:2px solid rgba(99,102,241,.4);animation:badgeRing 2s ease-in-out infinite}@keyframes badgeRing{0%,to{opacity:.4;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}.db-badge-name{font-size:10px;font-weight:700;color:var(--text-light);letter-spacing:.02em;line-height:1.2}.db-badge-locked-hint{font-size:9px;color:var(--text-muted)}.db-premium-gate{position:relative;border-radius:16px;overflow:hidden}.db-premium-gate-blur{filter:blur(4px);pointer-events:none;-webkit-user-select:none;user-select:none;opacity:.4}.db-premium-gate-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:#0f172ad9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:16px;border:1px solid rgba(99,102,241,.2);padding:24px;text-align:center}.db-premium-gate-lock{font-size:32px}.db-premium-gate-title{font-size:16px;font-weight:800;color:#fff}.db-premium-gate-desc{font-size:12px;color:#ffffff8c;max-width:200px;line-height:1.5}.db-premium-gate-btn{margin-top:8px;background:linear-gradient(135deg,#6366f1,#818cf8);color:#fff;border:none;border-radius:10px;padding:10px 24px;font-size:13px;font-weight:700;cursor:pointer;transition:transform .15s cubic-bezier(.34,1.56,.64,1),box-shadow .15s ease}.db-premium-gate-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #6366f166}.db-time-badge-hint{display:inline-flex;align-items:center;gap:6px;background:#6366f114;border:1px solid rgba(99,102,241,.15);border-radius:10px;padding:8px 14px;font-size:12px;color:var(--text-muted);margin-top:8px}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.skeleton-shimmer{background:linear-gradient(90deg,#94a3b81a 25%,#94a3b838,#94a3b81a 75%);background-size:800px 100%;animation:shimmer 1.5s infinite linear;border-radius:8px;display:block}.skeleton-mb{margin-bottom:8px}.skeleton-card{background:var(--bg-card, #fff);border:1px solid var(--border, #e2e8f0);border-radius:16px;padding:20px;display:flex;flex-direction:column;gap:0}.skeleton-card-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.skeleton-stat{background:var(--bg-card, #fff);border:1px solid var(--border, #e2e8f0);border-radius:16px;padding:24px 20px;display:flex;flex-direction:column;align-items:flex-start}.skeleton-table{display:flex;flex-direction:column;gap:0}.skeleton-table-row{display:flex;align-items:center;gap:12px;padding:14px 16px;border-bottom:1px solid rgba(148,163,184,.12)}.skeleton-table-row:last-child{border-bottom:none}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;text-align:center;gap:12px}.empty-state--compact{padding:28px 16px}.empty-state-icon{margin-bottom:4px;animation:emptyFloat 3s ease-in-out infinite}@keyframes emptyFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.empty-state-title{font-size:17px;font-weight:700;color:var(--text-main, #0f172a);letter-spacing:-.01em}.empty-state-desc{font-size:13px;color:var(--text-muted, #94a3b8);line-height:1.55;max-width:280px}.empty-state-btn{margin-top:8px;background:linear-gradient(135deg,#6366f1,#818cf8);color:#fff;border:none;border-radius:10px;padding:10px 24px;font-size:13px;font-weight:600;cursor:pointer;transition:transform .15s cubic-bezier(.4,0,.2,1),box-shadow .15s cubic-bezier(.4,0,.2,1)}.empty-state-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #6366f159}.mobile-bottom-nav{display:none}@media(max-width:768px){.mobile-bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;height:64px;background:#0d1117f7;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);border-top:1px solid rgba(255,255,255,.08);z-index:1000;align-items:stretch;padding-bottom:env(safe-area-inset-bottom,0px)}}.mobile-bottom-nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;background:none;border:none;color:#ffffff73;cursor:pointer;position:relative;transition:color .15s cubic-bezier(.4,0,.2,1);padding:8px 4px}.mobile-bottom-nav-item.active{color:#6366f1}.mobile-bottom-nav-label{font-size:10px;font-weight:600;letter-spacing:.02em}.mobile-bottom-nav-dot{position:absolute;top:6px;width:4px;height:4px;border-radius:50%;background:#6366f1}.cp-overlay{position:fixed;inset:0;background:#0f172a8c;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:9999;display:flex;align-items:flex-start;justify-content:center;padding-top:16vh;animation:cp-overlay-in .15s ease}@keyframes cp-overlay-in{0%{opacity:0}to{opacity:1}}.cp-box{background:#fff;border:1px solid #e2e8f0;border-radius:18px;width:100%;max-width:540px;overflow:hidden;box-shadow:0 32px 100px #00000038,0 4px 20px #00000014;animation:cp-box-in .2s cubic-bezier(.34,1.56,.64,1);margin:0 16px}@keyframes cp-box-in{0%{opacity:0;transform:translateY(-12px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.cp-search-row{display:flex;align-items:center;gap:10px;padding:14px 18px;border-bottom:1px solid #f1f5f9}.cp-search-icon{font-size:18px;color:#6366f1;flex-shrink:0;font-family:monospace;font-weight:700}.cp-input{flex:1;border:none;outline:none;font-size:16px;font-family:inherit;color:#0f172a;background:transparent;line-height:1.5}.cp-input::placeholder{color:#94a3b8}.cp-esc{font-size:11px;font-family:inherit;color:#94a3b8;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:5px;padding:3px 8px;flex-shrink:0;cursor:pointer;transition:background .12s}.cp-esc:hover{background:#e2e8f0}.cp-list{max-height:320px;overflow-y:auto;padding:8px;scrollbar-width:thin;scrollbar-color:#e2e8f0 transparent}.cp-list::-webkit-scrollbar{width:4px}.cp-list::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:99px}.cp-empty{text-align:center;padding:28px 16px;font-size:14px;color:#94a3b8;font-weight:500}.cp-item{display:flex;align-items:center;gap:12px;width:100%;padding:10px 12px;border:none;background:none;border-radius:10px;cursor:pointer;font-family:inherit;transition:background .1s;text-align:left}.cp-item:hover,.cp-item.active{background:#f0f4ff}.cp-item-icon{font-size:18px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#f8fafc;border-radius:9px;flex-shrink:0;border:1px solid #f1f5f9;transition:background .1s}.cp-item.active .cp-item-icon{background:#e0e7ff;border-color:#c7d2fe}.cp-item-label{flex:1;font-size:14px;font-weight:600;color:#0f172a}.cp-item-hint{font-size:11px;font-weight:600;color:#94a3b8;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;padding:2px 8px;flex-shrink:0;text-transform:uppercase;letter-spacing:.4px}.cp-item-enter{font-size:12px;font-family:inherit;color:#94a3b8;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:5px;padding:2px 7px;opacity:0;transition:opacity .1s;flex-shrink:0}.cp-item.active .cp-item-enter{opacity:1}.cp-footer{display:flex;align-items:center;gap:16px;padding:10px 18px;background:#f8fafc;border-top:1px solid #f1f5f9;font-size:11px;color:#94a3b8;font-weight:600}.cp-footer kbd{font-size:10px;font-family:inherit;background:#fff;border:1px solid #e2e8f0;border-radius:4px;padding:1px 5px;margin-right:3px;color:#475569;box-shadow:0 1px 2px #0000000f}.cp-footer-hint{margin-left:auto}@media(max-width:600px){.cp-overlay{padding-top:10vh}.cp-box{border-radius:14px}}:root{--primary: #6366f1;--primary-dark: #4f46e5;--primary-xdark: #3730a3;--primary-light: #eef2ff;--primary-border: #c7d2fe;--primary-mid: #818cf8;--primary-rgb: 99, 102, 241;--accent: #a855f7;--accent-light: #faf5ff;--accent-border: #e9d5ff;--secondary: #0ea5e9;--secondary-light: #f0f9ff;--success: #10b981;--success-dark: #059669;--success-light: #ecfdf5;--warning: #f59e0b;--warning-dark: #d97706;--warning-light: #fffbeb;--danger: #ef4444;--danger-dark: #dc2626;--danger-light: #fef2f2;--info: #0ea5e9;--gray-950: #020617;--gray-900: #0f172a;--gray-800: #1e293b;--gray-700: #334155;--gray-600: #475569;--gray-500: #64748b;--gray-400: #94a3b8;--gray-300: #cbd5e1;--gray-200: #e2e8f0;--gray-100: #f1f5f9;--gray-50: #f8fafc;--bg-app: #f0f4ff;--bg-main: #f8fafc;--bg-card: #ffffff;--text-main: #0f172a;--text-body: #1e293b;--text-light: #475569;--text-muted: #94a3b8;--border: #e2e8f0;--border-focus: #c7d2fe;--glass: rgba(255,255,255,.85);--sidebar-bg: #0d1117;--sidebar-active: rgba(99,102,241,.18);--sidebar-hover: rgba(255,255,255,.06);--sidebar-border: rgba(255,255,255,.07);--sidebar-accent: #818cf8;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--radius-xs: 4px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-2xl: 24px;--radius-full: 999px;--shadow-1: 0 1px 2px rgba(0,0,0,.05);--shadow-2: 0 2px 8px rgba(0,0,0,.07), 0 1px 2px rgba(0,0,0,.04);--shadow-3: 0 4px 16px rgba(0,0,0,.08), 0 2px 4px rgba(0,0,0,.04);--shadow-4: 0 8px 24px rgba(0,0,0,.1), 0 4px 8px rgba(0,0,0,.05);--shadow-5: 0 16px 48px rgba(0,0,0,.12), 0 8px 16px rgba(0,0,0,.06);--shadow-brand: 0 4px 16px rgba(99,102,241,.28);--shadow-brand-lg: 0 8px 32px rgba(99,102,241,.35);--grad-brand: linear-gradient(135deg, #6366f1, #818cf8);--grad-brand-v: linear-gradient(180deg, #6366f1, #4f46e5);--grad-dark: linear-gradient(135deg, #0d1117, #1e1b4b);--grad-success: linear-gradient(135deg, #10b981, #34d399);--grad-warning: linear-gradient(135deg, #f59e0b, #fbbf24);--grad-danger: linear-gradient(135deg, #ef4444, #f87171);--ease-fast: .12s cubic-bezier(.4,0,.2,1);--ease-normal: .2s cubic-bezier(.4,0,.2,1);--ease-slow: .35s cubic-bezier(.4,0,.2,1);--ease-spring: .25s cubic-bezier(.34,1.56,.64,1);--primary-hover: #4f46e5;--shadow-xs: var(--shadow-1);--shadow-sm: var(--shadow-2);--shadow-md: var(--shadow-3);--shadow-lg: var(--shadow-5);--transition-fast: var(--ease-fast);--transition-normal: var(--ease-normal);--font-base: "Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--font-sans: "Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--font-display: "Plus Jakarta Sans", system-ui, sans-serif;--font-mono: ui-monospace, "Cascadia Code", "Fira Code", monospace;--fs-2xs: .6875rem;--fs-xs: .75rem;--fs-sm: .8125rem;--fs-base: .9375rem;--fs-md: 1rem;--fs-lg: 1.0625rem;--fs-xl: 1.125rem;--fs-2xl: 1.25rem;--fs-3xl: 1.5rem;--fs-4xl: 1.875rem;--fs-5xl: clamp(2rem, 3.5vw, 2.75rem);--fs-6xl: clamp(2.5rem, 5vw, 4rem);--fs-display: clamp(3rem, 7vw, 5.5rem);--fw-normal: 400;--fw-medium: 500;--fw-semibold: 600;--fw-bold: 700;--fw-extrabold: 800;--fw-black: 900;--ls-tighter: -.04em;--ls-tight: -.025em;--ls-snug: -.01em;--ls-normal: 0em;--ls-wide: .025em;--ls-wider: .06em;--ls-widest: .12em;--text-2xs: var(--fs-2xs);--text-xs: var(--fs-xs);--text-sm: var(--fs-sm);--text-base: var(--fs-base);--text-md: var(--fs-md);--text-lg: var(--fs-lg);--text-xl: var(--fs-xl);--text-2xl: var(--fs-2xl);--text-3xl: var(--fs-3xl);--text-4xl: var(--fs-4xl);--text-5xl: var(--fs-5xl);--leading-none: 1;--leading-tight: 1.2;--leading-snug: 1.375;--leading-normal: 1.55;--leading-relaxed: 1.7;--lh-tight: var(--leading-tight);--lh-snug: var(--leading-snug);--lh-normal: var(--leading-normal);--lh-relaxed: var(--leading-relaxed);--grad-primary-strong: linear-gradient(135deg, #4338ca, #6366f1);--grad-sky: linear-gradient(135deg, #0369a1, #0ea5e9);--grad-purple: linear-gradient(135deg, #7c3aed, #a855f7);--grad-teal: linear-gradient(135deg, #0d9488, #14b8a6);--grad-dark-deep: linear-gradient(135deg, #1e1b4b, #312e81, #4338ca);--trans-base: background .15s cubic-bezier(.4,0,.2,1), color .15s cubic-bezier(.4,0,.2,1), border-color .15s cubic-bezier(.4,0,.2,1), box-shadow .15s cubic-bezier(.4,0,.2,1), transform .12s cubic-bezier(.4,0,.2,1), opacity .15s cubic-bezier(.4,0,.2,1);--trans-card: box-shadow .2s cubic-bezier(.4,0,.2,1), transform .15s cubic-bezier(.4,0,.2,1), border-color .15s cubic-bezier(.4,0,.2,1);--trans-color: background .15s cubic-bezier(.4,0,.2,1), color .15s cubic-bezier(.4,0,.2,1), border-color .15s cubic-bezier(.4,0,.2,1), opacity .15s cubic-bezier(.4,0,.2,1);--glass-bg: rgba(255, 255, 255, .78);--glass-bg-dark: rgba(15, 23, 42, .72);--glass-border: rgba(255, 255, 255, .38);--glass-border-dark: rgba(255, 255, 255, .1);--glass-blur: blur(14px) saturate(180%);--radius-10: 10px;--radius-14: 14px;--radius-18: 18px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);font-size:var(--fs-base);background-color:var(--bg-main);color:var(--text-body);line-height:var(--leading-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:var(--fw-bold);line-height:var(--leading-tight);letter-spacing:var(--ls-tight);color:var(--text-main)}h1{font-size:var(--fs-5xl);font-weight:var(--fw-extrabold);letter-spacing:var(--ls-tighter)}h2{font-size:var(--fs-4xl);font-weight:var(--fw-bold)}h3{font-size:var(--fs-3xl);font-weight:var(--fw-semibold);letter-spacing:var(--ls-snug)}h4{font-size:var(--fs-2xl);font-weight:var(--fw-semibold);letter-spacing:var(--ls-snug)}h5{font-size:var(--fs-xl);font-weight:var(--fw-semibold);letter-spacing:0}h6{font-size:var(--fs-lg);font-weight:var(--fw-medium);letter-spacing:0}p{line-height:var(--leading-relaxed)}.type-display{font-family:var(--font-display);font-size:var(--fs-display);font-weight:var(--fw-black);line-height:1.05;letter-spacing:var(--ls-tighter)}.type-h1{font-family:var(--font-display);font-size:var(--fs-5xl);font-weight:var(--fw-extrabold);line-height:var(--leading-tight);letter-spacing:var(--ls-tighter)}.type-h2{font-family:var(--font-display);font-size:var(--fs-4xl);font-weight:var(--fw-bold);line-height:var(--leading-tight);letter-spacing:var(--ls-tight)}.type-h3{font-family:var(--font-display);font-size:var(--fs-3xl);font-weight:var(--fw-semibold);line-height:var(--leading-snug);letter-spacing:var(--ls-snug)}.type-h4{font-family:var(--font-display);font-size:var(--fs-2xl);font-weight:var(--fw-semibold);line-height:var(--leading-snug);letter-spacing:var(--ls-snug)}.type-lead{font-size:var(--fs-xl);font-weight:var(--fw-normal);line-height:var(--leading-relaxed);color:var(--text-light)}.type-body{font-size:var(--fs-base);font-weight:var(--fw-normal);line-height:var(--leading-relaxed)}.type-sm{font-size:var(--fs-sm);font-weight:var(--fw-normal);line-height:var(--leading-normal)}.type-xs{font-size:var(--fs-xs);font-weight:var(--fw-normal);line-height:var(--leading-normal)}.type-caption{font-size:var(--fs-2xs);font-weight:var(--fw-medium);line-height:var(--leading-normal);letter-spacing:var(--ls-wide)}.type-label{font-size:var(--fs-xs);font-weight:var(--fw-semibold);letter-spacing:var(--ls-wider);text-transform:uppercase}.type-mono{font-family:var(--font-mono);font-size:.9em}.fw-normal{font-weight:var(--fw-normal)}.fw-medium{font-weight:var(--fw-medium)}.fw-semibold{font-weight:var(--fw-semibold)}.fw-bold{font-weight:var(--fw-bold)}.fw-extrabold{font-weight:var(--fw-extrabold)}.fw-black{font-weight:var(--fw-black)}.tracking-tighter{letter-spacing:var(--ls-tighter)}.tracking-tight{letter-spacing:var(--ls-tight)}.tracking-snug{letter-spacing:var(--ls-snug)}.tracking-normal{letter-spacing:var(--ls-normal)}.tracking-wide{letter-spacing:var(--ls-wide)}.tracking-wider{letter-spacing:var(--ls-wider)}.tracking-widest{letter-spacing:var(--ls-widest)}*:focus{outline:none}*:focus-visible{outline:2px solid var(--primary);outline-offset:2px}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,a:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:4px}html{scroll-behavior:smooth}::selection{background:#6366f138;color:var(--text-main)}::-moz-selection{background:#6366f138;color:var(--text-main)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#6366f147;border-radius:99px}::-webkit-scrollbar-thumb:hover{background:#6366f185}::-webkit-scrollbar-corner{background:transparent}img{image-rendering:-webkit-optimize-contrast}.toast-container{position:fixed;bottom:28px;right:28px;z-index:9999;display:flex;flex-direction:column;gap:10px;pointer-events:none}.toast{display:flex;align-items:center;gap:12px;padding:14px 18px;border-radius:var(--radius-md);background:#1e1b4b;color:#fff;font-size:14px;font-weight:500;box-shadow:var(--shadow-5);pointer-events:all;animation:toastIn .28s var(--ease-spring) both;min-width:260px;max-width:360px;border-left:4px solid var(--primary)}.toast-success{border-left-color:var(--success)}.toast-error{border-left-color:var(--danger)}.toast-warning{border-left-color:var(--warning)}.toast-icon{font-size:18px;flex-shrink:0}.toast-msg{flex:1;line-height:1.4}.toast-close{background:none;border:none;cursor:pointer;color:#ffffff80;font-size:18px;padding:0;line-height:1;flex-shrink:0;transition:color var(--ease-fast)}.toast-close:hover{color:#fff}@keyframes toastIn{0%{opacity:0;transform:translateY(12px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.page-fade{animation:pageFadeIn .3s var(--ease-normal) both}@keyframes pageFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.skeleton{background:linear-gradient(90deg,var(--gray-100) 25%,var(--gray-200) 50%,var(--gray-100) 75%);background-size:200% 100%;border-radius:var(--radius-sm);animation:skelPulse 1.4s ease-in-out infinite}@keyframes skelPulse{0%{background-position:200% 0}to{background-position:-200% 0}}.grad-text{background:var(--grad-brand);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.glass-card{background:var(--glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.6);box-shadow:var(--shadow-3)}.glass-card-dark{background:var(--glass-bg-dark);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border-dark);box-shadow:var(--shadow-4)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 20px;border-radius:var(--radius-md);border:none;font-family:inherit;font-size:var(--text-md);font-weight:700;cursor:pointer;white-space:nowrap;transition:var(--trans-base);text-decoration:none;line-height:1}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn-primary{background:var(--grad-primary-strong);color:#fff;box-shadow:var(--shadow-brand)}.btn-primary:hover{transform:translateY(-1px);box-shadow:var(--shadow-brand-lg)}.btn-secondary{background:var(--primary-light);color:var(--primary-dark);border:1.5px solid var(--primary-border)}.btn-secondary:hover{background:#e0e7ff;border-color:var(--primary-mid)}.btn-ghost{background:transparent;color:var(--text-light);border:1.5px solid var(--border)}.btn-ghost:hover{background:var(--gray-100);border-color:var(--gray-300);color:var(--text-body)}.btn-success{background:linear-gradient(135deg,var(--success-dark),var(--success));color:#fff;box-shadow:0 4px 14px #10b98147}.btn-success:hover{transform:translateY(-1px);box-shadow:0 6px 20px #10b98166}.btn-danger{background:linear-gradient(135deg,var(--danger-dark),var(--danger));color:#fff;box-shadow:0 4px 14px #ef444447}.btn-sm{padding:7px 14px;font-size:var(--text-sm);border-radius:var(--radius-sm)}.btn-lg{padding:13px 28px;font-size:var(--text-lg);border-radius:var(--radius-lg)}.btn-icon{padding:9px;aspect-ratio:1}.loading-screen{height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fff;gap:18px}.loading-screen-spinner{width:44px;height:44px;border:3px solid #e0e7ff;border-top-color:var(--primary);border-radius:50%;animation:spin .75s linear infinite}.loading-screen-text{font-size:.8rem;font-weight:800;color:#94a3b8;letter-spacing:2.5px;text-transform:uppercase}.dashboard-wrapper{display:flex;min-height:100vh;background:#f1f5f9}.dashboard-sidebar{width:240px;flex-shrink:0;background:#fff;padding:20px 16px;display:flex;flex-direction:column;height:100vh;position:sticky;top:0;border-right:1px solid var(--border);overflow-y:auto}.user-info-card{text-align:center;padding-bottom:16px;margin-bottom:12px;border-bottom:1px solid #f1f5f9}.avatar-large{width:56px;height:56px;background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;font-size:1.5rem;font-weight:800;border-radius:16px;margin:0 auto 10px;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 16px #4f46e533}.user-info-card h2{font-size:15px;font-weight:800;color:#0f172a;margin:0 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dashboard-main-content{flex:1;min-width:0;padding:2rem 2.5rem}.page-header{margin-bottom:1.75rem}.page-header h1{font-size:1.75rem;font-weight:900;letter-spacing:-.5px;margin-bottom:4px}.page-header p{font-size:.9rem;color:var(--text-light);font-weight:500}.text-primary{background:linear-gradient(to right,var(--primary),var(--secondary));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.dashboard-grid{display:grid;grid-template-columns:2fr 1fr;gap:1.5rem;margin-top:1.5rem}@media(max-width:900px){.dashboard-grid{grid-template-columns:1fr}}.test-item-card{background:#fff;border-radius:14px;padding:18px 20px;margin-bottom:12px;display:flex;align-items:center;gap:14px;border:1px solid var(--border);transition:box-shadow .2s,border-color .2s,transform .2s}.test-item-card:hover{box-shadow:0 6px 20px #4f46e51a;border-color:#c7d2fe;transform:translateY(-2px)}.test-info{flex:1;min-width:0}.test-info h3{font-size:15px;font-weight:800;color:#0f172a;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.test-info p{font-size:13px;color:var(--text-light);margin:0}.tag{font-size:.75rem;font-weight:700;padding:.4rem .8rem;border-radius:8px;text-transform:uppercase;display:inline-block}.tag.blue{background:#e0e7ff;color:#4338ca}.tag.green{background:#dcfce7;color:#15803d}.btn-go{background:var(--primary);color:#fff;border:none;padding:10px 20px;border-radius:10px;font-size:13px;font-weight:700;cursor:pointer;transition:background .15s,transform .1s;font-family:inherit;white-space:nowrap;flex-shrink:0}.btn-go:hover{background:var(--primary-hover)}.btn-go:active{transform:scale(.97)}.home-hero{min-height:calc(100vh - 85px);display:flex;align-items:center;justify-content:space-between;padding:0 5%;background:radial-gradient(circle at 80% 20%,#eff6ff,#fff);overflow:hidden}.hero-content{flex:1;max-width:650px;z-index:10;animation:fadeInLeft .8s ease-out both}.hero-badge{background:#e0e7ff;color:#4f46e5;padding:.6rem 1.2rem;border-radius:999px;font-weight:800;font-size:.85rem;display:inline-block;margin-bottom:2rem;box-shadow:0 4px 10px #4f46e51a;animation:fadeInDown .6s ease-out both}.hero-title{font-size:4.5rem;line-height:1;font-weight:900;letter-spacing:-2px;color:#0f172a;margin-bottom:2rem}.hero-title .highlight{background:linear-gradient(to right,#4f46e5,#0ea5e9);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero-subtitle{font-size:1.4rem;color:#475569;margin-bottom:3rem;line-height:1.5}.hero-actions{display:flex;gap:1.5rem;margin-bottom:4rem;animation:fadeInUp .7s ease-out .3s both}.btn-hero-primary{background:#4f46e5;color:#fff;border:none;padding:1.2rem 2.5rem;border-radius:20px;font-weight:800;font-size:1.1rem;cursor:pointer;transition:var(--trans-base);box-shadow:0 10px 20px #4f46e54d}.btn-hero-primary:hover{transform:translateY(-3px);box-shadow:0 20px 30px #4f46e566}.btn-hero-secondary{background:#fff;color:#0f172a;border:2px solid #e2e8f0;padding:1.2rem 2.5rem;border-radius:20px;font-weight:800;font-size:1.1rem;cursor:pointer;transition:var(--trans-base)}.btn-hero-secondary:hover{background:#f8fafc;border-color:#cbd5e1}.hero-stats{display:flex;gap:1.5rem;animation:fadeInUp .7s ease-out .5s both}.stat-card{background:#fff;padding:1.5rem;border-radius:24px;box-shadow:var(--shadow-sm);border:1px solid #f1f5f9;display:flex;flex-direction:column;min-width:140px}.stat-card.highlighted{background:#1e1b4b;color:#fff}.stat-card .stat-value{font-size:1.8rem;font-weight:900}.stat-card .stat-label{font-size:.8rem;font-weight:600;opacity:.7}.hero-visual{flex:1;position:relative;display:flex;justify-content:center;align-items:center;z-index:1;transform:perspective(1000px) rotateY(-15deg) rotateX(5deg);transition:transform .4s ease}.hero-img{width:100%;max-width:480px;height:auto;object-fit:contain;filter:drop-shadow(0 24px 48px rgba(79,70,229,.2));border-radius:16px}.main-visual-card{width:450px;background:#fff;border-radius:30px;box-shadow:0 30px 60px -12px #00000026;border:1px solid #f1f5f9;overflow:hidden;transform:rotate(0);animation:heroFloat 5s ease-in-out infinite,fadeInRight .9s ease-out .2s both}.visual-header{background:#f8fafc;padding:1rem;border-bottom:1px solid #f1f5f9;display:flex;align-items:center;gap:1rem}.dots{display:flex;gap:6px}.dots span{width:10px;height:10px;border-radius:50%;background:#e2e8f0}.address-bar{flex:1;background:#fff;border-radius:8px;padding:.4rem 1rem;font-size:.75rem;color:#94a3b8}.visual-content{padding:2.5rem}.listening-visual-item{display:flex;align-items:center;gap:1.5rem;background:#eff6ff;padding:1.5rem;border-radius:20px;margin-bottom:2rem}.play-icon{width:50px;height:50px;background:#4f46e5;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem}.waves{flex:1;display:flex;gap:4px;align-items:center}.waves span{width:4px;height:10px;background:#4f46e5;border-radius:2px;animation:wave-anim 1s infinite alternate}.waves span:nth-child(2){height:20px;animation-delay:.1s}.waves span:nth-child(3){height:15px;animation-delay:.2s}.waves span:nth-child(4){height:25px;animation-delay:.3s}.waves span:nth-child(5){height:12px;animation-delay:.4s}@keyframes wave-anim{to{opacity:.3;transform:scaleY(.5)}}.line{height:8px;margin-bottom:12px;border-radius:4px;background:#f1f5f9}.line.long{width:100%}.line.short{width:60%}.line.med{width:80%}.badge-expert{position:absolute;top:20px;right:20px;background:#10b981;color:#fff;padding:.5rem 1rem;border-radius:999px;font-weight:800;font-size:.8rem}.floating-badge{position:absolute;background:#fff;padding:1rem 1.5rem;border-radius:20px;box-shadow:0 10px 25px #0000001a;font-weight:800;z-index:20;color:#0f172a}.top-right{top:0%;right:10%;animation:floatA 4.5s ease-in-out infinite}.bottom-left{bottom:10%;left:0%;animation:floatB 5.5s ease-in-out infinite 1s}.official-exam-portal{background:#edf2f7;height:100vh;display:flex;flex-direction:column}.exam-header-formal{background:#fff;padding:.8rem 2rem;display:flex;align-items:center;justify-content:space-between;box-shadow:0 2px 10px #0000000d;z-index:100}.module-tabs-formal{display:flex;background:#f1f5f9;padding:.4rem;border-radius:14px;gap:.2rem}.module-tabs-formal button{background:transparent;border:none;padding:.6rem 1.5rem;font-weight:800;color:var(--text-light);border-radius:10px;cursor:pointer;transition:var(--trans-base)}.module-tabs-formal button.active{background:#fff;color:var(--primary);box-shadow:var(--shadow-sm)}.exam-timer-formal{background:#fff1f2;color:var(--accent);padding:.6rem 1.2rem;border-radius:12px;font-weight:900;font-size:1.3rem;font-family:Outfit,sans-serif}.exam-body-formal{flex:1;overflow-y:auto;padding:2.5rem;background:linear-gradient(to bottom right,#f8fafc,#f1f5f9)}.listening-module-formal{max-width:900px;margin:0 auto;background:#fff;padding:3rem;border-radius:30px;box-shadow:var(--shadow-md)}.examiner-instruction{background:#eff6ff;padding:1.5rem;border-radius:20px;margin-bottom:2.5rem;border-left:6px solid var(--primary)}.btn-play-formal{background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;border:none;padding:1.2rem 3.5rem;border-radius:20px;font-size:1.2rem;font-weight:800;cursor:pointer;transition:var(--trans-base);box-shadow:0 10px 25px #4f46e54d}.btn-play-formal:hover:not(.disabled){transform:translateY(-3px);box-shadow:0 15px 30px #4f46e566}.q-input-formal{background:#f8fafc;border:2px solid #e2e8f0;border-radius:10px;padding:.4rem 1rem;font-weight:700;color:var(--primary);transition:border-color .2s}.q-input-formal:focus{border-color:var(--primary);outline:none;background:#fff}.official-report-envelope{background:#fff;border-radius:32px;box-shadow:var(--shadow-md);overflow:hidden;margin-bottom:3rem}.report-header{background:linear-gradient(135deg,#1e293b,#334155);color:#fff;padding:2.5rem}.band-score-seal{background:var(--accent);width:100px;height:100px;border-radius:30px;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 10px 25px #f43f5e4d}.seal-value{font-size:2.8rem;font-weight:950}.analytics-breakdown{padding:3rem;display:grid;grid-template-columns:1fr 1.5fr;gap:4rem}.section-stat{background:#f8fafc;padding:1.2rem;border-radius:18px;margin-bottom:1rem;border:1px solid #f1f5f9}.mini-bar-wrap{height:10px;background:#e2e8f0;border-radius:10px;margin:8px 0}.mini-bar{background:var(--success);height:100%;border-radius:10px}.admin-builder-layout{display:flex;height:100vh}.builder-sidebar{width:300px;background:#1e1b4b;color:#fff;padding:2.5rem}.builder-nav button{text-align:left;width:100%;background:#ffffff0d;border:none;color:#a5b4fc;padding:1.2rem;border-radius:16px;margin-bottom:.8rem;font-size:1rem;font-weight:700;cursor:pointer;transition:var(--trans-base)}.builder-nav button.active{background:var(--primary);color:#fff;transform:translate(10px)}.sound-check-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0f172af2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:2rem}.sound-check-card{background:#fff;width:100%;max-width:600px;padding:3rem;border-radius:32px;box-shadow:0 30px 60px #00000080;text-align:center}.sound-check-header{margin-bottom:2rem}.sound-check-header .icon{font-size:4rem;display:block;margin-bottom:1rem}.sound-check-header h2{font-size:2rem;font-weight:900;color:var(--text-main)}.audio-test-control{background:#f1f5f9;padding:2rem;border-radius:20px;margin:2rem 0}.btn-sound-check{background:var(--primary);color:#fff;border:none;padding:1.2rem 2.5rem;border-radius:16px;font-weight:800;font-size:1.1rem;cursor:pointer;transition:var(--trans-base);width:100%}.btn-sound-check.playing{background:var(--accent)}.sound-check-instructions{text-align:left;background:#fffbeb;padding:1.5rem;border-radius:16px;border:1px solid #fef3c7;margin-bottom:2rem}.sound-check-instructions ul{list-style:none;padding-left:0}.sound-check-instructions li{margin-bottom:.5rem;font-size:.9rem;color:#92400e;display:flex;align-items:center;gap:.8rem}.sound-check-instructions li:before{content:"✔️"}.btn-start-listening{background:var(--success);color:#fff;border:none;padding:1.2rem 2.5rem;border-radius:16px;font-weight:900;font-size:1.1rem;cursor:pointer;width:100%;box-shadow:0 10px 20px #10b98133;transition:var(--trans-base)}.btn-start-listening:hover{transform:translateY(-3px);box-shadow:0 15px 30px #10b9814d}.mcq-multiple-view .q-prompt{font-size:1.1rem;font-weight:600;color:#1e293b;margin-bottom:1rem;line-height:1.5}.mcq-options-list{display:flex;flex-direction:column;gap:12px}.mcq-checkbox-row{display:flex;align-items:center;gap:12px;padding:12px 16px;border:2px solid #e2e8f0;border-radius:12px;cursor:pointer;transition:var(--trans-base);background:#fff}.mcq-checkbox-row:hover{border-color:#cbd5e1;background:#f8fafc}.mcq-checkbox-row.selected{border-color:#4f46e5;background:#eef2ff}.opt-letter-box-square{width:32px;height:32px;background:#e2e8f0;color:#475569;border-radius:6px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.9rem;transition:var(--trans-base)}.mcq-checkbox-row.selected .opt-letter-box-square{background:#4f46e5;color:#fff}.q-num-box{width:36px;height:36px;background:#0f172a;color:#fff;display:flex;align-items:center;justify-content:center;border-radius:8px;font-weight:800;font-size:1rem;flex-shrink:0}.passage-header{background:#f8fafc;padding:1.5rem 3rem;border-bottom:2px solid #e2e8f0;margin:-3rem -3rem 2rem;display:flex;justify-content:space-between;align-items:center}.passage-current{background:#0f172a;color:#fff;padding:4px 12px;border-radius:4px;font-weight:800;font-size:.8rem;letter-spacing:.5px}.passage-header h2{margin:0;font-size:1.5rem;color:#1e293b;font-weight:800}.passage-pager{display:flex;gap:8px}.passage-pager button{width:32px;height:32px;border:2px solid #cbd5e1;background:#fff;border-radius:6px;font-weight:700;color:#64748b;cursor:pointer;transition:var(--trans-base);display:flex;align-items:center;justify-content:center;padding:0;box-shadow:none}.passage-pager button.active{background:#0f172a;border-color:#0f172a;color:#fff}.split-view-formal{display:grid;grid-template-columns:1fr 1fr;height:calc(100vh - 120px);gap:0;background:#e2e8f0}.passage-pane-formal{background:#fff;padding:3rem;overflow-y:auto;border-right:2px solid #cbd5e1}.questions-pane-formal{background:#f8fafc;padding:3rem;overflow-y:auto}.passage-text-premium{font-family:Times New Roman,serif;font-size:1.25rem;line-height:1.8;color:#1e293b;text-align:justify}.passage-text-premium h3{font-family:Outfit,sans-serif;margin-top:2rem}.q-row-formal{background:#fff;padding:1.5rem;border-radius:16px;margin-bottom:1.5rem;border:1px solid #e2e8f0;transition:var(--trans-base)}.q-row-formal.answered{border-left:5px solid var(--success);background:#f0fdf4}.q-num-formal{background:#1e293b;color:#fff;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:8px;font-weight:800;font-size:.9rem;margin-right:1.5rem}.writing-sheet-paper{background:#fff;max-width:800px;margin:0 auto;min-height:100%;padding:4rem;box-shadow:0 10px 30px #0000000d;border:1px solid #e2e8f0}.paper-header{border-bottom:2px solid #000;padding-bottom:1rem;margin-bottom:2rem;display:flex;justify-content:space-between;font-weight:900;font-family:Courier New,Courier,monospace;letter-spacing:2px}.writing-area-paper{width:100%;min-height:500px;border:none;font-family:Times New Roman,serif;font-size:1.3rem;line-height:2;background-image:linear-gradient(#e2e8f0 1px,transparent 1px);background-size:100% 2.6rem;background-attachment:local;padding-top:.4rem;outline:none;resize:none}.paper-footer{border-top:2px solid #000;margin-top:2rem;padding-top:1rem;display:flex;justify-content:space-between;font-weight:700;font-size:.8rem;color:#64748b}.task-image-container{background:#f8fafc;padding:1rem;border-radius:16px;border:1px solid #e2e8f0;margin-bottom:1.5rem;text-align:center}.task-img-formal{max-width:100%;border-radius:8px}.toggle-switch{position:relative;display:inline-block;width:60px;height:34px}.toggle-switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background-color:#ccc;transition:.4s;border-radius:34px}.slider:before{position:absolute;content:"";height:26px;width:26px;left:4px;bottom:4px;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.slider{background-color:var(--success)}input:checked+.slider:before{transform:translate(26px)}.part-panel{background:#fff;border-radius:24px;padding:2rem;margin-bottom:2.5rem;box-shadow:var(--shadow-sm)}.form-group label{font-weight:800;color:var(--text-main);display:block;margin-bottom:.6rem;font-size:.95rem}.form-group input,.form-group textarea,.form-group select{width:100%;padding:1rem;border-radius:14px;border:2px solid #e2e8f0;background:#f8fafc;font-family:inherit;font-size:1rem;transition:var(--trans-base);outline:none;color:var(--text-main)}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:var(--primary);background:#fff;box-shadow:0 0 0 3px #4f46e51a}@media(max-width:1200px){.dashboard-grid,.analytics-breakdown{grid-template-columns:1fr}}.side-nav{display:flex;flex-direction:column;gap:.5rem}.nav-btn{background:transparent;border:none;padding:9px 12px;border-radius:8px;text-align:left;font-size:13.5px;font-weight:600;color:#64748b;cursor:pointer;transition:background .14s,color .14s;font-family:inherit;width:100%;display:flex;align-items:center;gap:8px}.nav-btn.active{background:#eef2ff;color:#4f46e5;font-weight:700}.nav-btn:hover:not(.active){background:#f8fafc;color:#4f46e5}.user-role-badge{background:#eef2ff;color:#4f46e5;padding:2px 8px;border-radius:6px;font-size:10px;font-weight:800;letter-spacing:.5px;display:inline-block;margin-top:4px}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.section-header h2{font-size:15px;font-weight:800;color:#0f172a;margin:0}.count-pill{background:#fff;border:1px solid #e2e8f0;padding:.2rem .8rem;border-radius:999px;font-weight:800;font-size:.8rem}.summary-item{background:#fff;padding:1.2rem;border-radius:16px;margin-bottom:1rem;border:1px solid #f1f5f9;box-shadow:var(--shadow-sm)}.summary-main{display:flex;justify-content:space-between;align-items:center;margin-bottom:.8rem;font-size:.9rem}.summary-scores{display:flex;gap:1rem;font-size:.85rem;font-weight:700;color:var(--text-light)}.improvement-card{background:linear-gradient(135deg,#1e1b4b,#312e81);color:#fff;padding:1.5rem;border-radius:20px;margin-top:2rem;box-shadow:0 10px 20px #1e1b4b33}.improvement-card h4{margin-bottom:.5rem;color:#a5b4fc}.text-btn{background:transparent;border:none;color:var(--primary);font-weight:700;font-size:13px;font-family:inherit;cursor:pointer;padding:4px 8px;border-radius:6px;transition:background .14s}.text-btn:hover{background:#eef2ff}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f0f4ff,#f8fafc,#f0fdf4);position:relative;overflow:hidden;padding:2rem}.auth-card{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);width:100%;max-width:450px;padding:3rem;border-radius:32px;box-shadow:0 25px 50px -12px #0000001f,0 0 0 1px #fffc;z-index:10;border:1px solid rgba(255,255,255,.9);animation:fadeInUp .5s ease-out both}.auth-header{text-align:center;margin-bottom:2rem}.auth-logo-img{width:88px;height:88px;object-fit:contain;margin-bottom:12px;display:block;margin-left:auto;margin-right:auto}.auth-header h2{font-size:1.7rem;font-weight:900;color:#0f172a;margin-bottom:.4rem}.auth-header p{color:#64748b;font-size:.9rem}.auth-form .form-group{margin-bottom:1.25rem}.btn-auth{width:100%;background:#c0171e;color:#fff;border:none;padding:.9rem;border-radius:10px;font-weight:800;font-size:.95rem;cursor:pointer;transition:var(--trans-base);margin-top:1rem}.btn-auth:hover{background:#a01218;transform:translateY(-1px)}.btn-auth.secondary{background:#1e293b}.btn-auth.secondary:hover{background:#0f172a}.auth-footer{text-align:center;margin-top:2rem}.auth-footer p{color:#64748b;font-size:.9rem}.auth-footer a{color:#4f46e5;font-weight:800;text-decoration:none}.auth-decoration .blob{position:absolute;border-radius:50%;filter:blur(80px);z-index:1}.blob-1{width:450px;height:450px;background:radial-gradient(circle,#c7d2fe,#e0e7ff);top:-120px;left:-120px;animation:blobPulse 7s ease-in-out infinite}.blob-2{width:350px;height:350px;background:radial-gradient(circle,#bae6fd,#e0f2fe);bottom:-60px;right:-60px;animation:blobPulse 9s ease-in-out infinite reverse 2s}.exam-branding{display:flex;align-items:center;gap:1rem}.logo-badge{background:var(--primary);color:#fff;padding:.4rem .8rem;border-radius:8px;font-weight:900;font-size:.7rem}.exam-meta-text{display:flex;flex-direction:column}.exam-id{font-size:.65rem;color:var(--text-light);font-weight:700}.exam-status-group{display:flex;align-items:center;gap:2rem}.q-progress{text-align:right}.q-progress label{font-size:.6rem;font-weight:800;color:var(--text-light);display:block;margin-bottom:4px}.progress-bar-mini{width:120px;height:6px;background:#f1f5f9;border-radius:999px;overflow:hidden;border:1px solid #e2e8f0}.progress-fill{height:100%;background:var(--success);transition:width .3s cubic-bezier(.4,0,.2,1)}.animated-fade-in{animation:fadeIn .4s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.examiner-avatar{font-size:2.5rem;margin-right:1rem}.instruction-text{line-height:1.5;color:#1e293b}.q-row-formal.answered{border-left:4px solid var(--success);background:#f0fdf4}.passage-pager button{width:35px;height:35px;border-radius:10px;border:1px solid #e2e8f0;background:#fff;cursor:pointer;font-weight:800;transition:var(--trans-base)}.passage-pager button.active{background:var(--primary);color:#fff;border-color:var(--primary)}.writing-area-premium{width:100%;height:100%;border:none;padding:3rem;font-size:1.15rem;line-height:1.8;border-radius:0;resize:none;background:transparent;font-family:Outfit,sans-serif}.writing-area-premium:focus{outline:none}.writing-bg{background:#fff!important;position:relative}.word-count-badge{position:absolute;bottom:30px;right:30px;background:#0f172a;color:#fff;padding:.8rem 1.5rem;border-radius:16px;display:flex;flex-direction:column;align-items:center}.word-count-badge .label{font-size:.6rem;font-weight:800;opacity:.6}.word-count-badge .count{font-size:1.5rem;font-weight:900}.task-content-premium{padding:2rem}.instruction-badge{background:#fee2e2;color:#ef4444;padding:.3rem .6rem;border-radius:6px;font-size:.7rem;font-weight:800;display:inline-block;margin:1rem 0}.task-image-container{background:#f8fafc;border:1px solid #e2e8f0;border-radius:20px;padding:1.5rem;margin:1.5rem 0;text-align:center}.task-img-formal{max-width:100%;height:auto;border-radius:12px}.passage-text-premium{font-size:1.1rem;line-height:1.9;color:#334155}.q-row-formal.vertical{flex-direction:column;align-items:flex-start;gap:.8rem;background:#fff;padding:1.5rem;border-radius:20px;border:1px solid #f1f5f9}.q-meta-mini{display:flex;align-items:center;gap:1rem}.q-text-mini{font-weight:700;color:#1e293b}.q-input-standalone-formal{width:100%;background:#f8fafc;border:2px solid #e2e8f0;padding:.8rem 1.2rem;border-radius:12px;font-family:inherit;font-weight:700}.mcq-options-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-top:1rem}.mcq-options-grid.mini{grid-template-columns:1fr;gap:.5rem}.mcq-opt-btn{background:#fff;border:2px solid #e2e8f0;padding:1.2rem;border-radius:16px;display:flex;align-items:center;gap:15px;cursor:pointer;transition:var(--trans-base);text-align:left}.mcq-opt-btn:hover{border-color:var(--primary);background:#f8fafc}.mcq-opt-btn.selected{background:#eff6ff;border-color:var(--primary);box-shadow:0 4px 12px #4f46e526}.opt-letter{background:#f1f5f9;color:var(--primary);width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:.9rem}.mcq-opt-btn.selected .opt-letter{background:var(--primary);color:#fff}.mcq-opt-btn-mini{background:#fff;border:1px solid #e2e8f0;padding:.8rem 1rem;border-radius:10px;text-align:left;font-size:.9rem;cursor:pointer;transition:var(--trans-base)}.q-group-header-formal{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;border-bottom:2px solid #e2e8f0;padding-bottom:1rem}.q-group-title-formal{font-size:1.4rem;color:#1e293b;margin:0;font-weight:800}.btn-listen-here{background:#f1f5f9;color:#475569;border:1px solid #cbd5e1;padding:.5rem 1rem;border-radius:99px;font-size:.9rem;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:var(--trans-base);white-space:nowrap}.btn-listen-here:hover{background:#e2e8f0;border-color:#94a3b8;color:#1e293b;transform:translateY(-1px)}.q-header-split{display:flex;gap:1.5rem;align-items:flex-start;margin-bottom:1.5rem}.q-num-box-formal{width:38px;height:38px;background:#fff;border:2px solid #0f172a;color:#0f172a;display:flex;align-items:center;justify-content:center;font-weight:950;font-size:1.1rem;border-radius:4px;box-shadow:2px 2px #cbd5e1;flex-shrink:0}.mcq-multiple-container{background:#fff;padding:1rem 0}.mcq-options-list-formal{display:flex;flex-direction:column;gap:8px;padding-left:3.5rem}.mcq-checkbox-formal{display:flex;align-items:center;gap:12px;cursor:pointer;padding:8px 12px;border-radius:6px;transition:var(--trans-base);border:1px solid transparent}.mcq-checkbox-formal:hover{background:#f1f5f9;border-color:#e2e8f0}.mcq-checkbox-formal.checked{background:#f0fdf4;border-color:#bbf7d0}.checkmark-box{width:28px;height:28px;border:2px solid #cbd5e1;background:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;color:#94a3b8;border-radius:4px;font-size:.85rem;transition:var(--trans-base)}.mcq-checkbox-formal input:checked+.checkmark-box{background:#0f172a;border-color:#0f172a;color:#fff}.opt-text-formal{font-size:1.05rem;font-weight:500;color:#475569}.mcq-opt-btn-mini:hover{background:#f8fafc}.mcq-opt-btn-mini.selected{background:#eff6ff;border-color:var(--primary);font-weight:700}.q-select-formal,.q-select-standalone-formal{width:100%;padding:10px 15px;border-radius:12px;border:2px solid #e2e8f0;background:#f8fafc;font-weight:700;color:var(--text-main);cursor:pointer}.q-select-formal:focus,.q-select-standalone-formal:focus{border-color:var(--primary);background:#fff;outline:none}.writing-sheet-bg{background:#cbd5e1!important;display:flex;justify-content:center;align-items:flex-start;padding:2rem!important}.writing-sheet-paper{background:#fff;width:100%;max-width:800px;min-height:1000px;box-shadow:0 20px 50px #0003;padding:4rem;position:relative;border:1px solid #e2e8f0}.paper-header{border-bottom:2px solid #0f172a;padding-bottom:20px;margin-bottom:30px;display:flex;justify-content:space-between;font-weight:900;letter-spacing:1px;color:#0f172a}.writing-area-paper{width:100%;min-height:800px;border:none;background:repeating-linear-gradient(#fff,#fff 31px,#f1f5f9 31px 32px);line-height:32px;padding:0;font-family:inherit;font-size:1.1rem;color:#1e293b;resize:none}.writing-area-paper:focus{outline:none}.paper-footer{margin-top:40px;border-top:1px dashed #cbd5e1;padding-top:20px;display:flex;justify-content:space-between;align-items:center}.word-count-chip{background:#0f172a;color:#fff;padding:8px 15px;border-radius:8px;font-weight:800;font-size:.8rem}.signature-line{font-style:italic;color:#64748b;font-size:.9rem}.official-exam-portal{font-family:Outfit,sans-serif}.exam-header-formal{border-bottom:4px solid var(--primary)}.logo-badge{background:#0f172a;color:#fff;padding:4px 10px;border-radius:6px;font-weight:950;font-size:.8rem;margin-right:15px}.admin-table{width:100%;border-collapse:collapse;margin:2rem 0;background:#fff;border-radius:20px;overflow:hidden;box-shadow:var(--shadow-sm)}.admin-table th,.admin-table td{padding:1.5rem;text-align:left;border-bottom:1px solid #f1f5f9}.admin-table th{background:#f8fafc;font-weight:800;color:var(--text-light);font-size:.85rem;text-transform:uppercase;letter-spacing:1px}.status-pill{padding:.4rem 1rem;border-radius:999px;font-size:.75rem;font-weight:800}.status-pill.published{background:#dcfce7;color:#15803d}.status-pill.draft{background:#f1f5f9;color:#64748b}.btn-table-delete{background:#fff1f2;color:var(--accent);border:1px solid #fecdd3;padding:.6rem 1.2rem;border-radius:10px;font-weight:700;cursor:pointer;transition:var(--trans-base)}.btn-table-delete:hover{background:var(--accent);color:#fff}.image-upload-zone{margin:1rem 0}.task-preview-img{max-width:100%;max-height:200px;border-radius:12px;border:2px solid var(--primary-light);display:block;margin-bottom:1rem}.btn-upload-formal{display:inline-block;background:#f1f5f9;padding:2rem;border:2px dashed #cbd5e1;border-radius:20px;cursor:pointer;text-align:center;width:100%;transition:var(--trans-base);font-weight:700;color:#475569}.btn-upload-formal:hover{background:#eff6ff;border-color:var(--primary);color:var(--primary)}.home-footer-subtle{position:absolute;bottom:2rem;right:5%;opacity:.5;transition:opacity .3s}.home-footer-subtle:hover{opacity:1}.admin-portal-link{cursor:pointer;font-size:.85rem;font-weight:700;color:var(--text-light)}.empty-state-admin{text-align:center;padding:4rem;background:#fff;border-radius:20px}.empty-state-admin button{margin-top:1rem;background:var(--primary);color:#fff;border:none;padding:.8rem 1.5rem;border-radius:10px;font-weight:800;cursor:pointer}.btn-clear-all{background:#fff1f2;color:var(--accent);border:1px solid #fecdd3;padding:.6rem 1.2rem;border-radius:12px;font-weight:800;font-size:.8rem;cursor:pointer}.btn-clear-all:hover{background:var(--accent);color:#fff}button,.btn{font-family:inherit;cursor:pointer}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--primary-hover));color:#fff;border:none;border-radius:8px;font-weight:600;padding:.75rem 1.5rem;font-size:1rem;box-shadow:0 4px 12px #4f46e54d;transition:var(--trans-base)}.btn-primary:hover{background:linear-gradient(135deg,var(--primary-hover),#3730a3);box-shadow:0 6px 20px #4f46e566;transform:translateY(-2px)}.btn-primary:active{transform:translateY(0);box-shadow:0 2px 8px #4f46e54d}.btn-secondary{background-color:#f1f5f9;color:#475569;border:2px solid #e2e8f0}.btn-secondary:hover{background-color:#eef2ff;border-color:var(--primary);color:var(--primary);transform:translateY(-2px)}.btn-success,.btn-submit,.btn-submit-test,.btn-submit-final-ielts,.btn-submit-reading{background:linear-gradient(135deg,#27ae60,#229954);color:#fff;box-shadow:0 4px 12px #27ae604d}.btn-success:hover,.btn-submit:hover,.btn-submit-test:hover,.btn-submit-final-ielts:hover,.btn-submit-reading:hover{background:linear-gradient(135deg,#229954,#1e8449);box-shadow:0 6px 20px #27ae6066;transform:translateY(-2px)}.btn-danger,.btn-delete,.btn-remove,.btn-finish,.btn-finish-reading,.btn-finish-ielts{background:linear-gradient(135deg,#d32f2f,#b71c1c);color:#fff;box-shadow:0 4px 12px #d32f2f4d}.btn-danger:hover,.btn-delete:hover,.btn-remove:hover,.btn-finish:hover,.btn-finish-reading:hover,.btn-finish-ielts:hover{background:linear-gradient(135deg,#b71c1c,#9a0e0e);box-shadow:0 6px 20px #d32f2f66;transform:translateY(-2px)}.btn-warning{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;box-shadow:0 4px 12px #f59e0b4d}.btn-warning:hover{background:linear-gradient(135deg,#d97706,#b45309);box-shadow:0 6px 20px #f59e0b66;transform:translateY(-2px)}.btn-ghost,.btn-text{background:transparent;color:var(--primary);border:none;padding:.6rem 1.2rem;font-weight:600}.btn-ghost:hover{background:#4f46e514;border-radius:6px}.btn-next-section,.btn-next-section-ielts{background:linear-gradient(135deg,var(--primary),var(--primary-hover));color:#fff;padding:.8rem 2rem;font-size:1rem;font-weight:700;border-radius:4px;cursor:pointer;transition:var(--trans-base);letter-spacing:.5px}.btn-next-section:hover,.btn-next-section-ielts:hover{background:linear-gradient(135deg,var(--primary-hover),#3730a3);box-shadow:0 4px 8px #4f46e54d;transform:translateY(-2px)}button:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-form-submit{background:linear-gradient(135deg,var(--primary),var(--primary-hover));color:#fff;padding:.8rem 2rem;font-weight:600;border:none;border-radius:6px;cursor:pointer;transition:var(--trans-base)}.btn-form-submit:hover{background:linear-gradient(135deg,var(--primary-hover),#3730a3);box-shadow:0 4px 12px #4f46e54d}.btn-icon{background:transparent;border:2px solid #e2e8f0;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--trans-base);font-size:1.2rem}.btn-icon:hover{background:#eef2ff;border-color:var(--primary);color:var(--primary)}.btn-sm{padding:.5rem 1rem;font-size:.875rem;border-radius:6px}.btn-lg{padding:1rem 2rem;font-size:1.125rem;border-radius:10px}.btn-block{width:100%;display:block}.btn-group{display:flex;gap:.5rem;flex-wrap:wrap}.btn-group-vertical{display:flex;flex-direction:column;gap:.75rem}button:disabled,.btn:disabled{opacity:.6;cursor:not-allowed;pointer-events:none}.btn-with-icon{display:flex;align-items:center;gap:.6rem}.btn-pill{border-radius:50px;padding:.75rem 1.5rem}.btn-gradient{background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;border:none}.btn-gradient:hover{box-shadow:0 8px 24px #4f46e559;transform:translateY(-3px)}.btn-outline{background:transparent;border:2px solid var(--primary);color:var(--primary)}.btn-outline:hover{background:#4f46e514}.btn-link{background:none;border:none;color:var(--primary);text-decoration:underline;cursor:pointer;padding:0;font-size:inherit}.btn-link:hover{color:var(--primary-hover)}@media(max-width:768px){button,.btn,.btn-primary,.btn-auth,.btn-action{padding:.6rem 1.2rem;font-size:.9rem}.btn-lg{padding:.8rem 1.5rem;font-size:1rem}.btn-block{margin-bottom:.5rem}.btn-group{flex-direction:column}}.results-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 0;gap:16px;color:var(--text-light)}.loader-dots{display:flex;gap:6px}.loader-dots span{width:10px;height:10px;background:var(--primary);border-radius:50%;animation:dotBounce 1.2s ease-in-out infinite}.loader-dots span:nth-child(2){animation-delay:.2s}.loader-dots span:nth-child(3){animation-delay:.4s}@keyframes dotBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.results-empty-state{text-align:center;padding:80px 40px;background:#fff;border-radius:20px;border:1px solid var(--border)}.results-empty-state .empty-icon{font-size:3rem;margin-bottom:16px}.results-empty-state h3{font-size:1.4rem;font-weight:800;margin-bottom:8px}.results-empty-state p{color:var(--text-light);margin-bottom:24px}.btn-primary-fill{background:var(--primary);color:#fff;border:none;padding:12px 28px;border-radius:10px;font-size:15px;font-weight:700;cursor:pointer;font-family:inherit}.results-list{display:flex;flex-direction:column;gap:24px}.result-card{background:#fff;border:1.5px solid #e8ecf4;border-radius:12px;padding:0;box-shadow:0 2px 12px #0000000d,0 1px 3px #00000008;transition:box-shadow .2s,transform .2s;overflow:hidden;position:relative}.result-card:hover{box-shadow:0 8px 32px #00000017,0 2px 8px #0000000a;transform:translateY(-2px)}.result-card-stripe{position:absolute;left:0;top:0;bottom:0;width:4px}.result-card-body{padding:20px 24px 16px 28px}.result-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;gap:16px}.result-meta{flex:1;min-width:0}.result-exam-title{font-size:17px;font-weight:800;color:#0f172a;margin-bottom:5px;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.result-date{font-size:12px;color:#64748b;font-weight:500}.band-score-display{width:72px;height:60px;border-radius:12px;border:2px solid;display:flex;flex-direction:column;align-items:center;justify-content:center;flex-shrink:0;text-align:center;background:transparent}.band-number{font-size:22px;font-weight:900;line-height:1;display:block}.band-label{font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;display:block;margin-top:3px}.band-sub{display:none}.scores-row{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:4px}@media(max-width:900px){.scores-row{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.scores-row{grid-template-columns:repeat(2,1fr)}}.score-module-box{border-radius:8px;padding:12px;border:1.5px solid;transition:transform .15s}.score-module-box:hover{transform:translateY(-2px)}.score-module-box.listening{border-color:#bae6fd;background:#f0f9ff}.score-module-box.reading{border-color:#a7f3d0;background:#f0fdf4}.score-module-box.writing{border-color:#fde68a;background:#fffbeb}.score-module-box.speaking{border-color:#e9d5ff;background:#faf5ff}.score-module-top{display:flex;align-items:center;gap:6px;margin-bottom:8px}.score-icon{font-size:15px}.score-module-label{font-size:11px;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.score-fraction{font-size:20px;font-weight:900;color:#0f172a;line-height:1}.score-fraction span{font-size:13px;font-weight:600;color:#94a3b8}.score-bar-bg{height:5px;background:#00000014;border-radius:99px;margin-top:8px}.score-bar-fill{height:100%;border-radius:99px;transition:width .6s ease}.score-module-box.listening .score-bar-fill{background:#0ea5e9}.score-module-box.reading .score-bar-fill{background:#10b981}.score-module-box.writing .score-bar-fill{background:#f59e0b}.score-module-box.speaking .score-bar-fill{background:#a855f7}.band-module-box{border-radius:14px;padding:14px 12px;border:1.5px solid}.band-module-box.writing{border-color:#fde68a;background:#fffbeb}.band-module-box.speaking{border-color:#e9d5ff;background:#faf5ff}.band-module-val{font-size:24px;font-weight:900;color:#0f172a;margin-top:6px}.band-module-sub{font-size:11px;color:#94a3b8;font-weight:600}.section-breakdown{min-width:180px}.breakdown-label{font-size:11px;font-weight:700;color:var(--text-light);text-transform:uppercase;letter-spacing:.5px;display:block;margin-bottom:8px}.breakdown-bars{display:flex;flex-direction:column;gap:5px}.breakdown-item{display:flex;align-items:center;gap:8px;font-size:12px}.breakdown-item span:first-child{width:20px;font-weight:700;color:var(--text-light)}.breakdown-bar-bg{flex:1;height:6px;background:#e2e8f0;border-radius:3px}.breakdown-bar-fill{height:100%;background:var(--secondary);border-radius:3px}.breakdown-score{width:20px;text-align:right;font-weight:700;color:var(--text-main)}.weak-skills-box{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:10px 0}.weak-skills-label{font-size:12px;font-weight:700;color:var(--text-light)}.weak-skill-tag{background:#fef9c3;color:#b45309;font-size:11px;font-weight:700;padding:3px 10px;border-radius:12px}.feedback-section-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-top:16px;padding-top:16px;border-top:1px solid var(--border)}.feedback-block{padding:14px 16px;border-radius:10px}.feedback-block.strength{background:#f0fdf4;border:1px solid #bbf7d0}.feedback-block.weakness{background:#fffbeb;border:1px solid #fde68a}.feedback-block.recommendation{background:#eff6ff;border:1px solid #bfdbfe}.feedback-block-label{display:block;font-size:11px;font-weight:800;margin-bottom:6px;color:var(--text-main)}.feedback-block p{font-size:13px;color:var(--text-light);line-height:1.6;margin:0}.auth-error{background:#fff1f2;color:#e11d48;padding:10px 14px;border-radius:8px;margin-bottom:15px;font-size:.9rem;font-weight:600;text-align:center;border:1px solid #fecdd3}.auth-divider{display:flex;align-items:center;gap:12px;margin:0 0 18px;color:#94a3b8;font-size:13px}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:#e2e8f0}.grid-col{min-width:0;display:flex;flex-direction:column}.test-list{display:flex;flex-direction:column;gap:0}.skeletons{padding:2.5rem;text-align:center;color:var(--text-light);font-weight:600;background:#fff;border-radius:var(--radius-lg);border:1px solid var(--border);font-size:1rem}.empty-state{text-align:center;padding:2.5rem 2rem;color:var(--text-light);background:#fff;border-radius:16px;border:1px dashed var(--border);font-weight:500;font-size:.95rem}.test-item-icon{font-size:2rem;flex-shrink:0;width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:#f1f5f9;border-radius:16px;margin-right:1.2rem}.test-tags{display:flex;gap:.5rem;margin-top:.5rem;flex-wrap:wrap}.mini-score{font-size:.85rem;font-weight:700;color:var(--text-light);background:#f8fafc;padding:2px 8px;border-radius:6px;border:1px solid var(--border)}.results-summary-list{display:flex;flex-direction:column;gap:0}.result-card-actions{display:flex;gap:8px;flex-wrap:wrap;padding:14px 24px 14px 28px;border-top:1.5px solid #f1f5f9;background:#fafbfc}.btn-answer-sheet{padding:8px 18px;border-radius:8px;border:1.5px solid #e2e8f0;background:#fff;color:#475569;font-size:13px;font-weight:600;cursor:pointer;font-family:inherit;transition:var(--trans-base)}.btn-answer-sheet:hover{border-color:#6366f1;color:#6366f1}.btn-view-trf{padding:8px 18px;border-radius:8px;border:none;background:linear-gradient(135deg,#4338ca,#6366f1);color:#fff;font-size:13px;font-weight:700;cursor:pointer;font-family:inherit;transition:var(--trans-base);box-shadow:0 2px 8px #6366f140}.btn-view-trf:hover{transform:translateY(-1px);box-shadow:0 4px 14px #6366f161}.ai-feedback-summary{background:#faf5ff;border:1px solid #e9d5ff;border-radius:10px;padding:14px 16px;margin-bottom:12px}.ai-feedback-summary--speaking{background:#f0fdf4;border-color:#bbf7d0}.ai-feedback-summary-label{font-size:11.5px;font-weight:800;color:#7c3aed;text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px}.ai-feedback-summary-item{margin-top:8px}.ai-task-badge{display:inline-block;background:#ede9fe;color:#5b21b6;font-size:11px;font-weight:800;padding:3px 10px;border-radius:20px;margin-bottom:5px}.ai-feedback-summary--speaking .ai-task-badge{background:#dcfce7;color:#15803d}.skeleton-item{background:linear-gradient(90deg,#f1f5f9 25%,#e8ecf0,#f1f5f9 75%);background-size:800px 100%;animation:shimmer 1.4s ease-in-out infinite;border-radius:12px}.skeleton-card{height:84px;border-radius:14px;margin-bottom:12px;border:1px solid transparent}.skeleton-text-lg{height:18px;width:60%;margin-bottom:8px;border-radius:6px}.skeleton-text-sm{height:13px;width:40%;border-radius:6px}.skeleton-summary{height:72px;border-radius:16px;margin-bottom:10px}.home-page{display:flex;flex-direction:column}.home-features{background:#0f172a;padding:5rem 5% 4rem;position:relative;overflow:hidden}.home-features-header{text-align:center;margin-bottom:3.5rem;animation:fadeInUp .7s ease-out both}.home-features-eyebrow{font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:3px;color:#818cf8;margin-bottom:1rem;display:block}.home-features-title{font-size:2.8rem;font-weight:900;color:#fff;line-height:1.1;letter-spacing:-1px}.home-features-title .highlight-cyan{background:linear-gradient(to right,#818cf8,#38bdf8);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.home-features-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;max-width:1200px;margin:0 auto}@media(max-width:1024px){.home-features-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.home-features-grid{grid-template-columns:1fr}}.feature-card{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:24px;padding:2rem;transition:var(--trans-base);position:relative;overflow:hidden}.feature-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--card-accent, linear-gradient(to right, #4f46e5, #0ea5e9));opacity:0;transition:opacity .3s}.feature-card:hover{background:#ffffff12;border-color:#ffffff26;transform:translateY(-6px)}.feature-card:hover:before{opacity:1}.feature-card-icon{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;margin-bottom:1.25rem;font-size:1.4rem}.feature-card h3{font-size:1.15rem;font-weight:800;color:#fff;margin-bottom:.75rem}.feature-card p{font-size:.875rem;color:#94a3b8;line-height:1.6}.feature-card-tag{display:inline-block;margin-top:1rem;font-size:.72rem;font-weight:800;padding:3px 10px;border-radius:999px;letter-spacing:.3px}.feature-card:nth-child(1){animation:fadeInUp .6s ease-out .1s both}.feature-card:nth-child(2){animation:fadeInUp .6s ease-out .2s both}.feature-card:nth-child(3){animation:fadeInUp .6s ease-out .3s both}.feature-card:nth-child(4){animation:fadeInUp .6s ease-out .4s both}.home-cta-bar{background:linear-gradient(135deg,var(--primary),#0ea5e9);padding:3rem 5%;display:flex;align-items:center;justify-content:space-between;gap:2rem;flex-wrap:wrap}.home-cta-bar h2{font-size:1.8rem;font-weight:900;color:#fff;letter-spacing:-.5px;margin-bottom:.4rem}.home-cta-bar p{color:#fffc;font-size:.95rem}.btn-cta-white{background:#fff;color:var(--primary);border:none;padding:1rem 2.5rem;border-radius:14px;font-weight:800;font-size:1rem;cursor:pointer;transition:var(--trans-base);white-space:nowrap;flex-shrink:0}.btn-cta-white:hover{transform:translateY(-2px);box-shadow:0 10px 25px #00000026}@keyframes spin{to{transform:rotate(360deg)}}@keyframes heroFloat{0%,to{transform:perspective(1000px) rotateY(-15deg) rotateX(5deg) translateY(0)}50%{transform:perspective(1000px) rotateY(-15deg) rotateX(5deg) translateY(-14px)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-15px)}to{opacity:1;transform:translateY(0)}}@keyframes floatA{0%,to{transform:rotate(10deg) translateY(0)}50%{transform:rotate(10deg) translateY(-10px)}}@keyframes floatB{0%,to{transform:rotate(-5deg) translateY(0)}50%{transform:rotate(-5deg) translateY(-8px)}}@keyframes blobPulse{0%,to{transform:scale(1);opacity:.7}50%{transform:scale(1.08);opacity:.9}}@keyframes shimmer{0%{background-position:-800px 0}to{background-position:800px 0}}@keyframes scaleIn{0%{opacity:0;transform:scale(.93)}to{opacity:1;transform:scale(1)}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.dashboard-wrapper{animation:fadeIn .4s ease-out}.stat-card{transition:transform .2s,box-shadow .2s}.stat-card:hover{transform:translateY(-4px);box-shadow:0 10px 24px #4f46e51a}.test-login-actions{margin-top:24px;padding-top:20px;border-top:1px dashed #e2e8f0;display:grid;grid-template-columns:1fr 1fr;gap:12px}.btn-test-login{background:#fff;color:#475569;border:1px solid #e2e8f0;padding:12px 10px;border-radius:12px;font-size:13px;font-weight:700;cursor:pointer;transition:var(--trans-base);display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 2px 4px #00000005}.btn-test-login:hover{background:#f8fafc;border-color:#cbd5e1;color:#1e293b;transform:translateY(-1px);box-shadow:0 4px 6px #0000000d}.btn-test-login.admin{background:#fff1f2;color:#e11d48;border-color:#fecdd3}.btn-test-login.admin:hover{background:#ffe4e6;border-color:#fda4af;color:#be123c}.card-lift{transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s cubic-bezier(.4,0,.2,1);will-change:transform}.card-lift:hover{transform:translateY(-4px) scale(1.01);box-shadow:0 20px 60px #00000026,0 8px 24px #6366f11f}.card-lift:active{transform:translateY(-1px) scale(.995);transition-duration:.1s}.card-lift-dark:hover{box-shadow:0 20px 60px #00000073,0 8px 24px #6366f133}.scroll-reveal{opacity:0;transform:translateY(20px);transition:opacity .5s cubic-bezier(.4,0,.2,1),transform .5s cubic-bezier(.4,0,.2,1)}.scroll-reveal.revealed{opacity:1;transform:translateY(0)}.scroll-reveal-stagger>*{opacity:0;transform:translateY(16px);transition:opacity .45s cubic-bezier(.4,0,.2,1),transform .45s cubic-bezier(.4,0,.2,1)}.scroll-reveal-stagger.revealed>*:nth-child(1){opacity:1;transform:translateY(0);transition-delay:0ms}.scroll-reveal-stagger.revealed>*:nth-child(2){opacity:1;transform:translateY(0);transition-delay:60ms}.scroll-reveal-stagger.revealed>*:nth-child(3){opacity:1;transform:translateY(0);transition-delay:.12s}.scroll-reveal-stagger.revealed>*:nth-child(4){opacity:1;transform:translateY(0);transition-delay:.18s}.scroll-reveal-stagger.revealed>*:nth-child(5){opacity:1;transform:translateY(0);transition-delay:.24s}.scroll-reveal-stagger.revealed>*:nth-child(6){opacity:1;transform:translateY(0);transition-delay:.3s}.shadow-glow-blue{box-shadow:0 0 30px #6366f140}.shadow-glow-green{box-shadow:0 0 30px #10b98140}.shadow-glow-amber{box-shadow:0 0 30px #f59e0b40}.shadow-glow-purple{box-shadow:0 0 30px #a855f740}@keyframes gradBorderRotate{0%{--grad-angle: 0deg}to{--grad-angle: 360deg}}.ambient-bg{background:radial-gradient(ellipse at 15% 50%,rgba(99,102,241,.07) 0%,transparent 55%),radial-gradient(ellipse at 85% 20%,rgba(16,185,129,.05) 0%,transparent 55%),radial-gradient(ellipse at 50% 90%,rgba(168,85,247,.04) 0%,transparent 55%);animation:ambientShift 10s ease-in-out infinite alternate}@keyframes ambientShift{0%{background-position:0% 50%}50%{background-position:100% 0%}to{background-position:50% 100%}}@keyframes numPop{0%{transform:scale(1)}40%{transform:scale(1.12)}to{transform:scale(1)}}.num-pop{animation:numPop .35s cubic-bezier(.34,1.56,.64,1)}.pulse-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--success);position:relative}.pulse-dot:after{content:"";position:absolute;inset:-3px;border-radius:50%;border:2px solid var(--success);animation:pulseDot 1.5s ease-out infinite}@keyframes pulseDot{0%{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(2.2)}}.progress-bar-wrap{height:6px;background:#6366f11f;border-radius:999px;overflow:hidden}.progress-bar-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,#6366f1,#818cf8);transition:width .8s cubic-bezier(.4,0,.2,1)}.badge{display:inline-flex;align-items:center;gap:4px;padding:2px 10px;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.03em}.badge-primary{background:#6366f11f;color:#818cf8}.badge-success{background:#10b9811f;color:#10b981}.badge-warning{background:#f59e0b1f;color:#f59e0b}.badge-danger{background:#ef44441f;color:#ef4444}.badge-purple{background:#a855f71f;color:#a855f7}.fade-in-up{animation:fadeInUp .4s cubic-bezier(.4,0,.2,1) both}.fade-in{animation:fadeIn .3s cubic-bezier(.4,0,.2,1) both}.as-wrapper{max-width:960px;margin:0 auto;padding:32px 24px 80px;font-family:var(--font-sans)}.as-loading,.as-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;gap:16px;color:#475569;font-size:15px}.as-error-icon{font-size:2.5rem}.as-spinner{width:40px;height:40px;border:4px solid #e2e8f0;border-top-color:#4f46e5;border-radius:50%;animation:as-spin .8s linear infinite}@keyframes as-spin{to{transform:rotate(360deg)}}.as-btn-back{background:none;border:none;color:#4f46e5;font-size:13px;font-weight:700;cursor:pointer;padding:0 0 20px;display:block;font-family:inherit;letter-spacing:.2px}.as-btn-back:hover{text-decoration:underline}.as-header{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:28px 32px;margin-bottom:28px;box-shadow:0 1px 4px #0000000f}.as-header-content{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:20px}.as-title{font-size:1.5rem;font-weight:800;color:#0f172a;margin:0 0 6px;line-height:1.3}.as-subtitle{font-size:13px;color:#94a3b8;margin:0}.as-band-badge{flex-shrink:0;border:2px solid;border-radius:14px;padding:14px 24px;text-align:center;min-width:90px;box-shadow:0 2px 10px #00000014}.as-band-label{display:block;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:1.2px;opacity:.65;margin-bottom:2px}.as-band-num{display:block;font-size:2.4rem;font-weight:900;line-height:1;letter-spacing:-1px}.as-score-pills{display:flex;gap:12px;flex-wrap:wrap}.as-score-pill{display:flex;align-items:center;gap:8px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:8px 16px;font-size:13px;color:#475569}.as-score-pill strong{color:#0f172a;font-weight:800;font-size:15px}.as-module-tabs{display:flex;gap:8px;margin-bottom:24px;border-bottom:2px solid #e2e8f0;padding-bottom:0}.as-module-tab{background:none;border:none;border-bottom:3px solid transparent;padding:10px 20px;font-size:14px;font-weight:700;color:#475569;cursor:pointer;margin-bottom:-2px;transition:color .15s,border-color .15s;font-family:inherit}.as-module-tab:hover{color:#1e293b}.as-module-tab.active{color:var(--tab-color, #4f46e5);border-bottom-color:var(--tab-color, #4f46e5)}.as-content{margin-bottom:32px}.as-empty{background:#fff;border:1.5px dashed #e2e8f0;border-radius:12px;padding:48px;text-align:center;color:#94a3b8;font-size:15px}.as-module-summary{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:16px 24px;margin-bottom:24px}.as-summary-score{font-size:15px;font-weight:800;color:#1e293b;white-space:nowrap;min-width:100px}.as-summary-bar-bg{flex:1;height:10px;background:#e2e8f0;border-radius:99px;overflow:hidden}.as-summary-bar-fill{height:100%;background:linear-gradient(90deg,#4f46e5,#7c3aed);border-radius:99px;transition:width .6s ease}.as-summary-pct{font-size:14px;font-weight:700;color:#4f46e5;min-width:42px;text-align:right}.as-section{background:#fff;border:1px solid #e2e8f0;border-radius:14px;overflow:hidden;margin-bottom:20px}.as-section-header{display:flex;align-items:center;gap:12px;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:14px 20px;flex-wrap:wrap}.as-section-title{font-size:14px;font-weight:800;color:#1e293b;flex:1}.as-section-range{font-size:11px;font-weight:700;background:#e0e7ff;color:#4338ca;padding:3px 10px;border-radius:20px;text-transform:uppercase;letter-spacing:.5px}.as-section-score{font-size:13px;font-weight:800;color:#475569;margin-left:auto}.as-section-instructions{background:#fffbeb;border-bottom:1px solid #fde68a;padding:10px 20px;font-size:13px;color:#92400e}.as-q-block{border-bottom:1px solid #f1f5f9;padding:16px 20px}.as-q-block:last-child{border-bottom:none}.as-q-block.all-correct{background:#f0fdf4}.as-q-block.all-wrong{background:#fff8f8}.as-q-block.partial{background:#fffdf0}.as-q-block-header{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:10px}.as-q-type-badge{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;background:#e2e8f0;color:#475569;padding:3px 8px;border-radius:4px}.as-q-instruction{font-size:12px;color:#475569;font-style:italic;flex:1}.as-q-score-badge{font-size:12px;font-weight:800;color:#475569;margin-left:auto}.as-q-text{font-size:13px;color:#475569;margin-bottom:10px;font-style:italic;line-height:1.5;padding:8px 12px;background:#00000008;border-radius:6px;border-left:3px solid #e2e8f0}.as-answer-rows{display:flex;flex-direction:column;gap:6px}.as-answer-row{display:flex;align-items:center;gap:12px;padding:8px 10px;border-radius:8px;transition:background .1s}.as-answer-row.correct{background:#16a34a0f}.as-answer-row.wrong{background:#ef44440f}.as-q-num{font-size:12px;font-weight:800;color:#475569;min-width:28px}.as-answer-cells{display:flex;gap:12px;flex:1;align-items:center;flex-wrap:wrap}.as-answer-cell{display:flex;flex-direction:column;gap:2px;min-width:140px;flex:1}.as-cell-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#94a3b8}.as-cell-value{font-size:14px;font-weight:600;color:#1e293b}.as-answer-cell.correct-ans.highlight .as-cell-value{color:#15803d;font-weight:800}.as-verdict{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:900;flex-shrink:0}.as-verdict.pass{background:#dcfce7;color:#15803d}.as-verdict.fail{background:#fee2e2;color:#dc2626}.as-writing{display:flex;flex-direction:column;gap:24px}.as-writing-task{background:#fff;border:1px solid #e2e8f0;border-radius:14px;overflow:hidden}.as-writing-task-header{display:flex;align-items:center;gap:12px;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:14px 20px}.as-writing-task-label{font-size:14px;font-weight:800;color:#059669}.as-writing-prompt{padding:16px 20px;border-bottom:1px solid #f1f5f9;background:#f0fdf4}.as-writing-prompt-label{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;color:#059669;margin-bottom:6px}.as-writing-prompt p{font-size:13px;color:#1e293b;line-height:1.6;margin:0}.as-writing-answer{padding:20px}.as-writing-answer-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.as-writing-answer-label{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#475569}.as-word-count{font-size:12px;font-weight:700;padding:4px 10px;border-radius:20px}.as-word-count.sufficient{background:#dcfce7;color:#15803d}.as-word-count.short{background:#fee2e2;color:#dc2626}.as-writing-text{font-size:14px;line-height:1.8;color:#1e293b;background:#fafafa;border:1px solid #e2e8f0;border-radius:8px;padding:16px;white-space:pre-wrap;min-height:120px}.as-empty-writing{color:#94a3b8;font-size:14px;font-style:italic;text-align:center;padding:32px}.as-feedback{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:24px;margin-top:8px}.as-feedback-title{font-size:16px;font-weight:800;color:#1e293b;margin:0 0 16px}.as-feedback-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.as-feedback-card{padding:16px;border-radius:10px;border-left:4px solid transparent}.as-feedback-card-label{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.as-feedback-card p{font-size:13px;line-height:1.6;margin:0;color:#1e293b}.as-feedback-strength{background:#f0fdf4;border-left-color:#16a34a}.as-feedback-strength .as-feedback-card-label{color:#15803d}.as-feedback-weakness{background:#fefce8;border-left-color:#ca8a04}.as-feedback-weakness .as-feedback-card-label{color:#92400e}.as-feedback-rec{background:#eff6ff;border-left-color:#2563eb}.as-feedback-rec .as-feedback-card-label{color:#1d4ed8}.as-writing-chart{padding:16px 20px;border-bottom:1px solid #f1f5f9;background:#f8fafc}.as-writing-chart-img{display:block;max-width:100%;max-height:400px;border-radius:8px;border:1px solid #e2e8f0;margin-top:8px;object-fit:contain}.as-ai-band-pill{margin-left:auto;font-size:12px;font-weight:800;background:#eff6ff;color:#2563eb;border:1px solid #bfdbfe;border-radius:20px;padding:3px 12px}.as-ai-panel{margin:0 20px 20px;border-radius:12px;overflow:hidden;font-size:14px}.as-ai-panel.as-ai-pending{display:flex;align-items:center;gap:10px;padding:14px 18px;background:#f8fafc;border:1px dashed #cbd5e1;color:#475569;border-radius:10px;font-size:13px}.as-ai-panel.as-ai-error{display:flex;align-items:center;gap:10px;padding:14px 18px;background:#fff1f2;border:1px solid #fecdd3;color:#be123c;border-radius:10px;font-size:13px}.as-ai-spinner{width:18px;height:18px;border:3px solid #cbd5e1;border-top-color:#4f46e5;border-radius:50%;animation:as-spin .7s linear infinite;flex-shrink:0}.as-ai-panel.as-ai-done{border:1px solid #ddd6fe;background:linear-gradient(135deg,#faf5ff,#eff6ff)}.as-ai-header{display:flex;align-items:center;gap:10px;padding:14px 20px;border-bottom:1px solid #e0d9f7;background:#4f46e50f}.as-ai-icon{font-size:18px}.as-ai-title{font-size:13px;font-weight:800;color:#4f46e5;text-transform:uppercase;letter-spacing:.5px;flex:1}.as-ai-overall-band{font-size:22px;font-weight:900;letter-spacing:-.5px}.as-ai-criteria{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1px;background:#e0d9f7;border-bottom:1px solid #e0d9f7}.as-ai-criterion{background:#faf5ff;padding:14px 16px}.as-ai-criterion-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.as-ai-criterion-label{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.4px;color:#6d28d9}.as-ai-criterion-band{font-size:20px;font-weight:900;line-height:1}.as-ai-criterion-comment{font-size:12.5px;line-height:1.6;color:#374151;margin:0}.as-ai-feedback-text{padding:16px 20px}.as-ai-feedback-label{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;color:#4f46e5;margin-bottom:6px}.as-ai-feedback-text p{font-size:13.5px;line-height:1.7;color:#1e293b;margin:0}.as-ai-analysis-box{margin:0 20px 10px;padding:10px 14px;background:#f5f3ff;border:1px solid #ddd6fe;border-left:4px solid;border-radius:6px}.as-ai-analysis-label{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;margin-bottom:4px}.as-ai-analysis-box p{font-size:13px;line-height:1.65;color:#374151;margin:0}.as-ai-bullet-list{margin:0 20px 10px;padding:10px 14px;border:1px solid;border-radius:6px}.as-ai-bullet-title{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;margin-bottom:6px}.as-ai-bullet-list ul{margin:0;padding-left:18px}.as-ai-bullet-list li{font-size:13px;line-height:1.65;color:#374151;margin-bottom:3px}.as-ai-transcript{margin:10px 20px 0}.as-ai-transcript summary{font-size:12px;color:#475569;cursor:pointer;-webkit-user-select:none;user-select:none;padding:4px 0}.as-ai-transcript-body{margin-top:8px;font-size:13px;line-height:1.7;color:#475569;background:#f9fafb;border:1px solid #e2e8f0;border-radius:6px;padding:12px 14px;white-space:pre-wrap}.as-speaking-qs{margin:12px 20px;display:flex;flex-direction:column;gap:12px}.as-speaking-q-row{display:flex;gap:12px;align-items:flex-start;padding:12px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px}.as-speaking-q-num{font-size:11px;font-weight:800;color:#7c3aed;background:#f5f3ff;border:1px solid #ddd6fe;border-radius:4px;padding:2px 7px;white-space:nowrap;margin-top:2px}.as-speaking-q-body{flex:1;display:flex;flex-direction:column;gap:8px}.as-speaking-q-text{font-size:13.5px;color:#1e293b;margin:0;line-height:1.5}.as-speaking-audio{width:100%;height:36px}.as-speaking-no-audio{font-size:12px;color:#94a3b8;font-style:italic}.ai-feedback-summary{margin:12px 0 0;padding:12px 16px;background:#faf5ff;border:1px solid #ddd6fe;border-radius:8px}.ai-feedback-summary--speaking{background:#f0fdf4;border-color:#86efac}.ai-feedback-summary-label{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.07em;color:#7c3aed;margin-bottom:8px}.ai-feedback-summary--speaking .ai-feedback-summary-label{color:#059669}.ai-feedback-summary-item{margin-bottom:8px}.ai-feedback-summary-item:last-child{margin-bottom:0}.ai-task-badge{display:inline-block;font-size:11px;font-weight:700;background:#7c3aed;color:#fff;padding:2px 10px;border-radius:10px;margin-bottom:4px}.ai-feedback-summary--speaking .ai-task-badge{background:#059669}.ai-feedback-summary-text{font-size:13px;color:#374151;line-height:1.6;margin:4px 0 0}@media(max-width:600px){.as-wrapper{padding:16px 12px 60px}.as-header{padding:20px 16px}.as-header-content{flex-direction:column;gap:12px}.as-answer-cells{flex-direction:column;gap:8px}.as-answer-cell{min-width:0}.as-module-tab{padding:8px 12px;font-size:13px}.as-ai-criteria{grid-template-columns:1fr}.as-ai-panel{margin:0 12px 16px}}