@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&display=swap";.home-page-v2{display:flex;flex-direction:column;overflow-x:hidden;--hero-bg: linear-gradient(160deg, #f5f7fb 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: transparent;--orb1: rgba(99,102,241,.12);--orb2: rgba(14,165,233,.1);--orb3: rgba(244,63,94,.05);--particle-color: rgba(99,102,241,.3);--card-bg: #ffffff;--card-border: rgba(0,0,0,.07);--card-shadow: 0 0 0 1px rgba(99,102,241,.06), 0 32px 72px rgba(0,0,0,.1);--hdr-bg: rgba(0,0,0,.025);--hdr-border: rgba(0,0,0,.05);--bar-title-color: #64748b;--bar-title-bg: rgba(0,0,0,.04);--ring-inner: #f0f4ff;--ring-val: #0f172a;--ring-label: #94a3b8;--skill-bar-bg: rgba(0,0,0,.06);--skill-name: #475569;--skill-score: #0f172a;--float-bg: rgba(255,255,255,.92);--float-border: rgba(0,0,0,.08);--float-shadow: 0 16px 36px rgba(0,0,0,.1);--float-val: #0f172a;--float-sub: #64748b;--ghost-bg: rgba(99,102,241,.06);--ghost-border: rgba(99,102,241,.22);--ghost-color: #4f46e5;--ghost-hover-bg: rgba(99,102,241,.11);--ghost-hover-color: #3730a3;--trust-border: #ffffff;--trust-txt: #64748b;--trust-strong: #6366f1;--scroll-border: rgba(0,0,0,.12);--scroll-wheel: rgba(0,0,0,.28);--admin-link: rgba(0,0,0,.2);--admin-hover: rgba(0,0,0,.5);--cursor-color: rgba(99,102,241,.08);--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}.home-page-v2.dark-mode{--hero-bg: #050816;--hero-title: #ffffff;--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,.25);--orb2: rgba(14,165,233,.2);--orb3: rgba(244,63,94,.12);--particle-color: rgba(129,140,248,.35);--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,.5);--hdr-bg: rgba(255,255,255,.04);--hdr-border: rgba(255,255,255,.06);--bar-title-color: #475569;--bar-title-bg: rgba(255,255,255,.05);--ring-inner: #0a0f1e;--ring-val: #ffffff;--ring-label: #64748b;--skill-bar-bg: rgba(255,255,255,.06);--skill-name: #64748b;--skill-score: #e2e8f0;--float-bg: rgba(255,255,255,.06);--float-border: rgba(255,255,255,.12);--float-shadow: 0 20px 40px rgba(0,0,0,.3);--float-val: #ffffff;--float-sub: #64748b;--ghost-bg: rgba(255,255,255,.06);--ghost-border: rgba(255,255,255,.12);--ghost-color: #cbd5e1;--ghost-hover-bg: rgba(255,255,255,.1);--ghost-hover-color: #ffffff;--trust-border: #050816;--trust-txt: #64748b;--trust-strong: #a5b4fc;--scroll-border: rgba(255,255,255,.15);--scroll-wheel: rgba(255,255,255,.4);--admin-link: rgba(255,255,255,.2);--admin-hover: rgba(255,255,255,.5);--cursor-color: rgba(99,102,241,.1);--skills-bg: #07091a;--sc-card-bg: rgba(255,255,255,.03);--sc-card-border: rgba(255,255,255,.07);--sec-title: #f1f5f9;--sec-sub: #64748b;--sc-title: #f1f5f9;--sc-desc: #64748b;--how-bg: #050810;--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,.18);--step-num-bg: rgba(99,102,241,.1);--step-num-color: #818cf8;--connector: linear-gradient(to right,rgba(255,255,255,.06),#6366f1,rgba(255,255,255,.06));--eyebrow: #818cf8;--eyebrow-dark: #818cf8}.home-page-v2 *,.home-page-v2 *:before,.home-page-v2 *:after{transition:background-color .45s ease,background .45s ease,color .35s ease,border-color .35s ease,box-shadow .35s ease}.home-page-v2 .main-visual-card,.home-page-v2 .waves span,.home-page-v2 .floating-badge,.home-page-v2 .hero-visual{transition:none!important}.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,.22);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 #6366f12e,0 1px 4px #00000014;transition:transform .35s cubic-bezier(.34,1.56,.64,1),box-shadow .3s ease,background .4s ease,border-color .4s ease!important;overflow:hidden}.theme-toggle-fab:hover{transform:scale(1.12) rotate(12deg);box-shadow:0 8px 32px #6366f14d}.theme-toggle-fab:active{transform:scale(.93)}.theme-toggle-fab.is-dark{background:#0a0f23eb;border-color:#818cf84d;box-shadow:0 4px 24px #6366f140,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}.home-hero{min-height:calc(100vh - 72px);display:flex;align-items:center;justify-content:space-between;padding:3rem 5%;background:radial-gradient(circle at 80% 20%,#eff6ff,#fff);overflow-x:hidden;overflow-y:visible;position:relative;gap:4rem}.dark-mode .home-hero{background:radial-gradient(circle at 80% 20%,#0f172a,#050816)}.hero-content{flex:1;max-width:580px;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;margin-top:1.5rem;background:#eff6ff;color:#2563eb;font-size:.8rem;font-weight:700;padding:.45rem 1rem;border-radius:999px;margin-bottom:1.5rem;border:1px solid #bfdbfe;letter-spacing:.2px;width:fit-content}.dark-mode .hero-badge{background:#2563eb26;color:#93c5fd;border-color:#2563eb4d}.hero-title{font-size:clamp(2.4rem,4.2vw,4rem);font-weight:900;line-height:1.1;letter-spacing:-1.5px;color:#0f172a;margin-bottom:1.25rem}.dark-mode .hero-title{color:#f1f5f9}.hero-title .highlight{background:linear-gradient(135deg,#2563eb,#6366f1 60%,#8b5cf6);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero-subtitle{font-size:1.05rem;color:#475569;line-height:1.75;margin-bottom:2rem;max-width:520px}.dark-mode .hero-subtitle{color:#94a3b8}.text-primary{color:#2563eb;font-weight:700}.dark-mode .text-primary{color:#93c5fd}.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,#2563eb,#4f46e5);color:#fff;border:none;padding:.9rem 1.8rem;border-radius:12px;font-size:1rem;font-weight:700;cursor:pointer;font-family:inherit;box-shadow:0 8px 24px #2563eb59;transition:transform .25s,box-shadow .25s!important}.btn-hero-primary:hover{transform:translateY(-2px);box-shadow:0 14px 32px #2563eb73}.btn-hero-secondary{background:#fff;color:#374151;border:1.5px solid #e5e7eb;padding:.9rem 1.8rem;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;font-family:inherit;transition:border-color .25s,background .25s!important}.btn-hero-secondary:hover{border-color:#2563eb;background:#eff6ff}.dark-mode .btn-hero-secondary{background:#ffffff0d;color:#e2e8f0;border-color:#ffffff1f}.dark-mode .btn-hero-secondary:hover{background:#ffffff1a;border-color:#60a5fa}.hero-stats{display:flex;gap:1rem}.stat-card{flex:1;display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:1rem .8rem;background:#fff;border:1px solid #e2e8f0;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{background:#ffffff0a;border-color:#ffffff14}.dark-mode .stat-card.highlighted{background:#1e40af;border-color:#1e40af}.stat-value{font-size:1.35rem;font-weight:900;color:#2563eb;line-height:1}.stat-card.highlighted .stat-value{color:#fff}.dark-mode .stat-value{color:#93c5fd}.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-visual{position:relative;flex-shrink:0;display:flex;align-items:center;justify-content:center;padding:60px 70px;perspective:800px;cursor:pointer;animation:visualFadeIn .9s ease-out .2s both}.hero-visual-ai{padding:20px 40px}.hero-visual-ai .avatar-wrapper{animation:heroFloat 5s ease-in-out infinite}.hero-visual-ai .avatar-svg{width:360px!important;height:414px!important;filter:drop-shadow(0 24px 60px rgba(6,182,212,.35)) drop-shadow(0 4px 20px rgba(99,102,241,.3))}.hero-visual-ai .avatar-mic-badge{bottom:40px}.main-visual-card{width:360px;background:#fff;border-radius:24px;box-shadow:0 40px 80px -12px #00000038,-8px 0 24px #00000014;border:1px solid #f1f5f9;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:#f8fafc;border-bottom:1px solid #f1f5f9}.dark-mode .visual-header{background:#ffffff08;border-color:#ffffff0f}.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:#f1f5f9;padding:.25rem .7rem;border-radius:6px}.dark-mode .address-bar{background:#ffffff0d}.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:#eff6ff;border-radius:12px;margin-bottom:.25rem}.dark-mode .listening-visual-item{background:#2563eb1f}.play-icon{width:32px;height:32px;background:#2563eb;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.7rem;flex-shrink:0}.waves{display:flex;align-items:center;gap:3px;flex:1}.waves span{display:block;width:3px;border-radius:2px;background:#2563eb;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:#64748b;font-weight:600;flex-shrink:0}.dark-mode .vc-skill-label{color:#94a3b8}.vc-skill-bar{flex:1;height:6px;background:#e2e8f0;border-radius:999px;overflow:hidden}.dark-mode .vc-skill-bar{background:#ffffff14}.vc-skill-fill{height:100%;background:#2563eb;border-radius:999px;transition:width 1s ease;opacity:.85}.vc-skill-score{width:28px;text-align:right;font-weight:700;color:#1e293b;flex-shrink:0}.dark-mode .vc-skill-score{color:#f1f5f9}.floating-badge{position:absolute;background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:.55rem 1rem;font-size:.78rem;font-weight:700;color:#1e293b;box-shadow:0 8px 24px #0000001a;white-space:nowrap;display:flex;align-items:center;gap:.4rem}.dark-mode .floating-badge{background:#1e293b;border-color:#ffffff1a;color:#f1f5f9}.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:#0003;cursor:pointer;transition:color .25s!important;display:inline-flex;align-items:center;gap:.3rem}.admin-portal-link:hover{color:#00000080}.dark-mode .admin-portal-link{color:#fff3}.dark-mode .admin-portal-link:hover{color:#ffffff80}@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(-8px)}}@keyframes floatB{0%,to{transform:translateY(0)}50%{transform:translateY(8px)}}@keyframes wave-anim{0%,to{transform:scaleY(.5)}50%{transform:scaleY(1)}}.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.75rem);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,#0ea5e9);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.text-grad-indigo{background:linear-gradient(135deg,#4f46e5,#8b5cf6);-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}.skills-section{background:var(--skills-bg);padding:6rem 4%;position:relative}.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:22px;padding:1.85rem;border:1px solid var(--sc-card-border);position:relative;overflow:hidden;cursor:default;opacity:0;transform:translateY(32px);transition:all .4s cubic-bezier(.22,1,.36,1)!important}.skills-section.is-visible .skill-card-v2{animation:revealCard .65s cubic-bezier(.22,1,.36,1) var(--delay) both}.skill-card-v2:hover{transform:translateY(-10px)!important;border-color:transparent;box-shadow:0 0 0 2px var(--sc-color),0 28px 56px #0000001f}.dark-mode .skill-card-v2:hover{box-shadow:0 0 0 2px var(--sc-color),0 28px 56px #0006}.sc-top-bar{position:absolute;top:0;left:0;right:0;height:3px;opacity:0;transition:opacity .3s!important}.skill-card-v2:hover .sc-top-bar{opacity:1}.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)!important}.skill-card-v2:hover .sc-icon-wrap{transform:scale(1.12) rotate(-6deg)}.dark-mode .sc-icon-wrap{background:#6366f11a}.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:999px;letter-spacing:.3px}.dark-mode .sc-tag{background:#ffffff0f}.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:.18}.dark-mode .skill-card-v2:hover .sc-hover-glow{opacity:.28}.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:0 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;color:var(--step-num-color);letter-spacing:2px;margin-bottom:.5rem;background:var(--step-num-bg);padding:.22rem .55rem;border-radius:999px;position:relative;z-index:1}.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:all .35s cubic-bezier(.34,1.56,.64,1)!important;position:relative;z-index:1}.how-step:hover .how-step-icon{transform:scale(1.12) rotate(-8deg);background:linear-gradient(135deg,#6366f1,#4f46e5);border-color:transparent}.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,#0f172a,#1e1b4b,#0f172a);padding:5rem 4%;position:relative;overflow:hidden}.stats-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: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(2rem,3.5vw,3rem);font-weight:900;letter-spacing:-1.5px;background:linear-gradient(135deg,#e0e7ff,#bfdbfe);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;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:#ffffff14;flex-shrink:0}.cta-section-v2{background:linear-gradient(135deg,#4338ca,#6366f1,#0ea5e9);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:#ffffff14;border-radius:50%;top:-200px;left:-100px;filter:blur(60px)}.cta-orb-2{position:absolute;width:380px;height:380px;background:#ffffff0f;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:#ffffffbf;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:all .3s cubic-bezier(.22,1,.36,1)!important;box-shadow:0 10px 28px #0000002e}.btn-cta-v2-primary:hover{transform:translateY(-3px);box-shadow:0 18px 44px #00000038}.btn-cta-v2-outline{background:#ffffff1a;color:#fff;border:2px solid rgba(255,255,255,.35);padding:.95rem 2.2rem;border-radius:14px;font-size:1rem;font-weight:700;cursor:pointer;font-family:inherit;transition:all .25s!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-cta-v2-outline:hover{background:#ffffff2e;border-color:#fff9}@keyframes orbPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.08);opacity:.8}}@keyframes particleDrift{0%{transform:translateY(0) scale(1);opacity:.7}33%{transform:translateY(-28px) scale(1.1);opacity:1}66%{transform:translateY(-10px) scale(.9);opacity:.6}to{transform:translateY(0) scale(1);opacity:.7}}@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 revealLine{0%{opacity:0;transform:translateY(24px) skewY(1.5deg)}to{opacity:1;transform:translateY(0) skewY(0)}}@keyframes revealFade{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes revealCard{0%{opacity:0;transform:translateY(32px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@keyframes visualFadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@keyframes popIn{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@keyframes barGrow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes ringRotate{0%{transform:rotate(-90deg);opacity:0}to{transform:rotate(0);opacity:1}}@keyframes heroWrapperFloat{0%,to{transform:perspective(1200px) rotateX(6deg) rotateY(-12deg) translateY(0)}50%{transform:perspective(1200px) rotateX(6deg) rotateY(-12deg) translateY(-14px)}}@keyframes floatCard1{0%,to{transform:translateZ(55px) translateY(0) rotate(2deg)}50%{transform:translateZ(55px) translateY(-9px) rotate(2deg)}}@keyframes floatCard2{0%,to{transform:translateZ(40px) translateY(0) rotate(-3deg)}50%{transform:translateZ(40px) translateY(-7px) rotate(-3deg)}}@keyframes scrollWheel{0%{transform:translateY(0);opacity:1}to{transform:translateY(11px);opacity:0}}@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}}@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: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}}:root{--primary: #4f46e5;--primary-light: #818cf8;--secondary: #0ea5e9;--accent: #f43f5e;--success: #10b981;--warning: #f59e0b;--bg-main: #f8fafc;--text-main: #1e293b;--text-light: #64748b;--glass: rgba(255, 255, 255, .8);--border: #e2e8f0;--primary-hover: #3b32cf;--radius-lg: 20px;--radius-md: 12px;--shadow-sm: 0 4px 6px -1px rgb(0 0 0 / .1);--shadow-md: 0 10px 15px -3px rgb(0 0 0 / .1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Outfit,sans-serif;background-color:var(--bg-main);color:var(--text-main);line-height:1.6}.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:all .2s;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:all .2s}.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:all .2s}.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:all .3s;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:all .2s}.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:all .3s;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:all .3s}.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:all .2s ease;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:all .2s}.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:all .2s;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:all .2s}.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:all .2s;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:calc(100vh - 85px);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:2.5rem}.auth-logo{font-size:3rem;margin-bottom:1rem}.auth-header h2{font-size:2rem;font-weight:900;color:#0f172a;margin-bottom:.5rem}.auth-header p{color:#64748b;font-size:.95rem}.auth-form .form-group{margin-bottom:1.5rem}.btn-auth{width:100%;background:#4f46e5;color:#fff;border:none;padding:1rem;border-radius:14px;font-weight:800;font-size:1rem;cursor:pointer;transition:all .2s;margin-top:1rem}.btn-auth:hover{background:#4338ca;transform:translateY(-2px)}.btn-auth.secondary{background:#1e293b}.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:all .2s}.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:all .2s;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:all .2s}.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:all .2s;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:all .2s;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:all .2s}.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:all .2s}.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:all .2s;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:all .3s ease}.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:all .2s;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:all .3s}.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:all .2s;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:20px}.result-card{background:#fff;border:1px solid var(--border);border-radius:16px;padding:28px;box-shadow:0 2px 8px #0000000a;transition:box-shadow .2s}.result-card:hover{box-shadow:0 8px 24px #00000014}.result-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--border)}.result-meta{flex:1}.result-exam-title{font-size:1.15rem;font-weight:800;color:var(--text-main);margin-bottom:4px}.result-date{font-size:.8rem;color:var(--text-light);font-weight:600}.band-score-display{text-align:center;border:2px solid;border-radius:12px;padding:10px 20px;min-width:100px}.band-label{display:block;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.5px}.band-number{display:block;font-size:2.2rem;font-weight:900;line-height:1.1}.band-sub{display:block;font-size:10px;color:#94a3b8;font-weight:700;margin-top:2px}.score-module-box{background:var(--bg-main);border:1px solid var(--border);border-radius:10px;padding:14px 18px;min-width:130px}.score-module-top{display:flex;align-items:center;gap:6px;margin-bottom:6px}.score-icon{font-size:16px}.score-module-label{font-size:12px;font-weight:700;color:var(--text-light)}.score-fraction{font-size:1.4rem;font-weight:900;color:var(--text-main)}.score-fraction span{font-size:.9rem;color:var(--text-light);font-weight:600}.score-bar-bg{height:4px;background:#e2e8f0;border-radius:2px;margin-top:8px}.score-bar-fill{height:100%;background:var(--primary);border-radius:2px;transition:width .6s ease}.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}.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}.scores-row{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px}@media(max-width:900px){.scores-row{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.scores-row{grid-template-columns:repeat(2,1fr)}}.result-card-actions{margin-top:16px;padding-top:16px;border-top:1px solid #f1f5f9;display:flex;justify-content:flex-end;gap:10px}.btn-answer-sheet{display:inline-flex;align-items:center;gap:6px;background:#f8fafc;color:#475569;border:1.5px solid #e2e8f0;padding:9px 18px;border-radius:9px;font-size:13px;font-weight:700;cursor:pointer;font-family:inherit;transition:background .15s,border-color .15s}.btn-answer-sheet:hover{background:#f1f5f9;border-color:#cbd5e1}.btn-view-trf{display:inline-flex;align-items:center;gap:7px;background:#1e3a8a;color:#fff;border:none;padding:9px 22px;border-radius:9px;font-size:13px;font-weight:700;cursor:pointer;font-family:inherit;transition:background .15s}.btn-view-trf:hover{background:#1e40af}.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:all .3s ease;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:all .2s;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}.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:48px;width:auto;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:#64748b;font-weight:600;font-size:.875rem;padding:6px 12px;border-radius:8px;transition:background .14s,color .14s;white-space:nowrap}.nav-item:hover{color:#4f46e5;background:#eef2ff}.nav-item-active{color:#4f46e5!important;background:#eef2ff!important;font-weight:700}.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,#4338ca);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:#64748b;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:#a5b4fc}.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,#0ea5e9);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,#0ea5e9);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}.as-wrapper{max-width:960px;margin:0 auto;padding:32px 24px 80px;font-family:Inter,Segoe UI,system-ui,sans-serif}.as-loading,.as-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;gap:16px;color:#64748b;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:3px solid;border-radius:12px;padding:12px 20px;text-align:center;min-width:80px}.as-band-label{display:block;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:1px;opacity:.7}.as-band-num{display:block;font-size:2rem;font-weight:900;line-height:1}.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:#64748b;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:#64748b;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:#64748b;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:#64748b;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:#64748b}.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:#64748b;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:#64748b;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}}