@font-face{font-family:Plus Jakarta Sans Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(data:font/woff2;base64,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)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Plus Jakarta Sans Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/plus-jakarta-sans-vietnamese-wght-normal-qRpaaN48.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Plus Jakarta Sans Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/plus-jakarta-sans-latin-ext-wght-normal-DmpS2jIq.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Plus Jakarta Sans Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/plus-jakarta-sans-latin-wght-normal-eXO_dkmS.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg:#f7f8fc;--bg-2:#eef1fa;--surface:#fff;--surface-2:#f3f5fa;--ink:#14213d;--ink-2:#3b4a6b;--muted:#6b7280;--line:#e5e7eb;--line-2:#eef0f6;--gold:#c9a96e;--gold-2:#e8c990;--gold-3:#f3dca4;--accent:#ff6b3d;--accent-2:#ff8a5b;--accent-soft:#ffe7dd;--teal:#0ea5a4;--teal-soft:#d9f5f2;--indigo:#6d4aff;--indigo-soft:#e8e3ff;--amber:#f59e0b;--amber-soft:#fdf1d8;--green:#16a34a;--green-soft:#dcfce7;--red:#dc2626;--red-soft:#fee2e2;--wa:#25d366;--wa-dark:#128c7e;--radius-sm:10px;--radius:16px;--radius-lg:24px;--radius-xl:32px;--shadow-sm:0 1px 2px #14213d0f, 0 1px 3px #14213d14;--shadow-md:0 6px 20px #14213d1a;--shadow-lg:0 18px 50px #14213d29;--shadow-glow:0 10px 30px #ff6b3d59;--font:"Plus Jakarta Sans Variable", "Plus Jakarta Sans", Inter, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--ease:cubic-bezier(.22, 1, .36, 1);--header-h:68px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{font-family:var(--font);color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-size:16px;line-height:1.55;overflow-x:hidden}img,svg{max-width:100%;display:block}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}h1,h2,h3,h4{letter-spacing:-.01em;margin:0;font-weight:800;line-height:1.15}p{margin:0}ul{margin:0;padding:0;list-style:none}:focus-visible{outline-offset:3px;border-radius:6px;outline:3px solid #ff6b3d8c}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important}}.app-bg{z-index:-1;pointer-events:none;background:radial-gradient(60% 40% at 8% 0,#e8c99047,#0000 60%),radial-gradient(50% 40% at 100% 10%,#6d4aff1f,#0000 60%),radial-gradient(40% 30% at 70% 100%,#0ea5a41f,#0000 60%),url(/assets/pattern.svg);position:fixed;inset:0}.container{width:min(1120px,100% - 32px);margin-inline:auto}.container--narrow{width:min(760px,100% - 32px);margin-inline:auto}.stack{gap:var(--gap,16px);flex-direction:column;display:flex}.row{align-items:center;gap:var(--gap,12px);flex-wrap:wrap;display:flex}.row--between{justify-content:space-between}.center{text-align:center}.muted{color:var(--muted)}.small{font-size:.875rem}.tiny{font-size:.75rem}.strong{font-weight:700}.grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;display:grid}.section{padding-block:clamp(40px,6vw,72px)}.section__head{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:16px;margin-bottom:24px;display:flex}.eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--gold);align-items:center;gap:8px;font-size:.72rem;font-weight:800;display:inline-flex}.eyebrow:before{content:"";background:var(--gold);border-radius:2px;width:18px;height:2px}.h1{letter-spacing:-.03em;font-size:clamp(2.1rem,5vw,3.5rem);font-weight:800;line-height:1.05}.h2{font-size:clamp(1.5rem,3vw,2.1rem)}.h3{font-size:1.15rem;font-weight:800}.lead{color:var(--ink-2);font-size:clamp(1.05rem,1.6vw,1.25rem);line-height:1.6}.header{z-index:40;-webkit-backdrop-filter:saturate(180%)blur(12px);backdrop-filter:saturate(180%)blur(12px);background:#f7f8fcd1;border-bottom:1px solid #14213d0f;position:sticky;top:0}.header__inner{height:var(--header-h);justify-content:space-between;align-items:center;gap:16px;display:flex}.brand{letter-spacing:-.02em;align-items:center;gap:10px;font-size:1.15rem;font-weight:800;display:inline-flex}.brand img{width:36px;height:36px;box-shadow:var(--shadow-sm);border-radius:10px}.brand span b{color:var(--gold)}.nav{align-items:center;gap:6px;display:flex}.nav a{color:var(--ink-2);border-radius:999px;padding:8px 12px;font-size:.92rem;font-weight:600;transition:background .2s,color .2s}.nav a:hover,.nav a.is-active{background:var(--surface);color:var(--ink);box-shadow:var(--shadow-sm)}.nav__me{background:var(--surface);box-shadow:var(--shadow-sm);align-items:center;gap:8px;display:inline-flex;padding:6px 12px 6px 6px!important}.avatar{background:linear-gradient(135deg, var(--gold-3), var(--gold));width:28px;height:28px;color:var(--ink);border-radius:50%;place-items:center;font-size:.8rem;font-weight:800;display:grid}@media (max-width:640px){.nav__label{display:none}}.btn{--btn-bg:var(--surface);--btn-fg:var(--ink);--btn-border:var(--line);border:2px solid var(--btn-border);background:var(--btn-bg);color:var(--btn-fg);transition:transform .18s var(--ease), box-shadow .18s, background .18s, opacity .18s;white-space:nowrap;-webkit-user-select:none;user-select:none;border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:12px 22px;font-size:.97rem;font-weight:700;line-height:1.2;display:inline-flex}.btn:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn:active{transform:translateY(0)scale(.98)}.btn:disabled,.btn[aria-disabled=true]{opacity:.55;cursor:not-allowed;box-shadow:none;transform:none}.btn--primary{--btn-bg:linear-gradient(135deg, #1e3a5f, #14213d);--btn-fg:#fff;--btn-border:transparent;box-shadow:0 8px 22px #14213d47}.btn--primary:hover{box-shadow:0 12px 28px #14213d57}.btn--accent{--btn-bg:linear-gradient(135deg, var(--accent-2), var(--accent));--btn-fg:#fff;--btn-border:transparent;box-shadow:var(--shadow-glow)}.btn--gold{--btn-bg:linear-gradient(135deg, var(--gold-3), var(--gold));--btn-fg:var(--ink);--btn-border:transparent}.btn--wa{--btn-bg:var(--wa);--btn-fg:#fff;--btn-border:transparent;box-shadow:0 8px 22px #25d3664d}.btn--ghost{--btn-bg:transparent;--btn-border:transparent;--btn-fg:var(--ink-2)}.btn--ghost:hover{background:var(--surface-2);box-shadow:none}.btn--lg{padding:16px 28px;font-size:1.08rem}.btn--sm{padding:8px 14px;font-size:.85rem}.btn--block{width:100%}.btn .spinner{width:18px;height:18px}.spinner{border:3px solid #14213d26;border-top-color:currentColor;border-radius:50%;width:22px;height:22px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.card{background:var(--surface);border:1px solid var(--line-2);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:22px}.card--hover{transition:transform .25s var(--ease), box-shadow .25s}.card--hover:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.card--soft{background:var(--surface-2);box-shadow:none;border-color:#0000}.card--navy{color:#fff;background:linear-gradient(135deg,#1e3a5f,#14213d);border:none}.card--navy .muted{color:#ffffffb8}.chip{background:var(--surface-2);color:var(--ink-2);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:5px 11px;font-size:.78rem;font-weight:700;display:inline-flex}.chip--topic{background:color-mix(in srgb, var(--topic,var(--ink)) 14%, white);color:color-mix(in srgb, var(--topic,var(--ink)) 70%, black)}.chip--live{background:var(--green-soft);color:#166534}.chip--live:before{content:"";background:var(--green);border-radius:50%;width:8px;height:8px;animation:1.6s infinite pulse;box-shadow:0 0 #16a34a80}.chip--gold{background:linear-gradient(135deg, var(--gold-3), var(--gold-2));color:#5a4626}.chip--accent{background:var(--accent-soft);color:#9a3412}.chip--indigo{background:var(--indigo-soft);color:#3b1fc4}.chip--teal{background:var(--teal-soft);color:#0f766e}.chip--muted{background:var(--surface-2);color:var(--muted)}@keyframes pulse{0%{box-shadow:0 0 #16a34a8c}70%{box-shadow:0 0 0 8px #16a34a00}to{box-shadow:0 0 #16a34a00}}.stats{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;display:grid}.stat{background:var(--surface);border:1px solid var(--line-2);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:16px 18px;position:relative;overflow:hidden}.stat__value{letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:1.9rem;font-weight:800;line-height:1}.stat__label{color:var(--muted);margin-top:6px;font-size:.82rem;font-weight:600}.stat--live .stat__value{color:var(--green)}.stat__icon{opacity:.16;width:36px;height:36px;position:absolute;top:12px;right:12px}.hero{padding-block:clamp(28px,5vw,64px) clamp(28px,4vw,48px)}.hero__grid{grid-template-columns:1.1fr .9fr;align-items:center;gap:32px;display:grid}.hero__art{animation:6s ease-in-out infinite float;position:relative}.hero__art img{width:100%;height:auto}.hero__actions{flex-wrap:wrap;gap:12px;margin-top:26px;display:flex}.hero__proof{color:var(--muted);align-items:center;gap:12px;margin-top:22px;font-size:.9rem;display:flex}.avatars{display:flex}.avatars span{border:2px solid var(--bg);color:#fff;border-radius:50%;place-items:center;width:30px;height:30px;margin-left:-8px;font-size:.72rem;font-weight:800;display:grid}.avatars span:first-child{margin-left:0}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@media (max-width:860px){.hero__grid{grid-template-columns:1fr}.hero__art{max-width:420px;margin:0 auto}}.series-card{flex-direction:column;gap:14px;display:flex;position:relative;overflow:hidden}.series-card:after{content:"";background:color-mix(in srgb, var(--topic,var(--gold)) 12%, white);z-index:0;border-radius:50%;width:160px;height:160px;position:absolute;inset:auto -40px -60px auto}.series-card>*{z-index:1;position:relative}.series-card__title{letter-spacing:-.01em;font-size:1.2rem;font-weight:800}.series-card__meta{color:var(--muted);flex-wrap:wrap;gap:14px;font-size:.85rem;font-weight:600;display:flex}.series-card__meta span{align-items:center;gap:6px;display:inline-flex}.series-card__foot{justify-content:space-between;align-items:center;gap:12px;margin-top:auto;display:flex}.series-card--featured{border:2px solid var(--gold-2);box-shadow:0 16px 40px #c9a96e40}.prize-line{color:#7c5b1f;background:linear-gradient(135deg,#fff7e6,#fdf1d8);border-radius:12px;align-items:center;gap:8px;padding:8px 12px;font-size:.9rem;font-weight:700;display:flex}.countdown{font-variant-numeric:tabular-nums;align-items:baseline;gap:6px;font-weight:800;display:inline-flex}.countdown__unit{background:var(--surface-2);border-radius:10px;flex-direction:column;align-items:center;min-width:44px;padding:6px 8px;display:inline-flex}.countdown__unit b{font-size:1.15rem;line-height:1}.countdown__unit small{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-top:3px;font-size:.62rem;font-weight:700}.ticker{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000);mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000)}.ticker__track{gap:14px;width:max-content;animation:40s linear infinite marquee;display:flex}.ticker:hover .ticker__track{animation-play-state:paused}.ticker__item{background:var(--surface);border:1px solid var(--line-2);white-space:nowrap;box-shadow:var(--shadow-sm);border-radius:999px;align-items:center;gap:8px;padding:8px 14px;font-size:.85rem;display:inline-flex}.ticker__item b{color:var(--ink)}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.steps{counter-reset:step;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;display:grid}.step{padding:22px 22px 22px 24px;position:relative}.step__num{background:linear-gradient(135deg, var(--gold-3), var(--gold));width:40px;height:40px;color:var(--ink);border-radius:12px;place-items:center;margin-bottom:14px;font-weight:800;display:grid}.step h3{margin-bottom:6px;font-size:1.05rem}.footer{color:var(--muted);border-top:1px solid var(--line-2);margin-top:40px;padding:40px 0 32px;font-size:.85rem}.footer__inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.footer a{color:var(--ink-2);font-weight:600}.series-hero{grid-template-columns:1.2fr .8fr;align-items:start;gap:24px;display:grid}@media (max-width:860px){.series-hero{grid-template-columns:1fr}}.meta-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;display:grid}.meta{background:var(--surface-2);border-radius:12px;padding:10px 12px}.meta b{font-size:1.05rem;display:block}.meta span{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:.74rem;font-weight:700}.lesson{border-left:4px solid var(--gold);background:linear-gradient(135deg,#fffbf2,#fff)}.lesson__body{color:var(--ink-2);line-height:1.7}.lesson__body p+p{margin-top:10px}.lesson__body strong{color:var(--ink)}.lesson__body ul{margin-top:8px;padding-left:20px;list-style:outside}.notice{background:var(--surface-2);color:var(--ink-2);border-radius:14px;align-items:flex-start;gap:12px;padding:14px 16px;font-size:.93rem;display:flex}.notice--gold{color:#6b4f1d;background:linear-gradient(135deg,#fff7e6,#fdf1d8)}.notice--wa{color:#14532d;background:#e9fbef}.notice--warn{background:var(--amber-soft);color:#7c4a03}.notice--info{background:var(--indigo-soft);color:#3b1fc4}.notice svg{flex:none;width:22px;height:22px;margin-top:1px}.share{flex-direction:column;gap:10px;display:flex}.share__link{background:var(--surface-2);border:1px dashed var(--line);border-radius:12px;align-items:center;gap:8px;padding:10px 12px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9rem;display:flex;overflow:hidden}.share__link span{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.share__buttons{flex-wrap:wrap;gap:8px;display:flex}.podium{grid-template-columns:repeat(3,1fr);align-items:end;gap:10px;margin-bottom:18px;display:grid}.podium__step{text-align:center;background:var(--surface-2);animation:fade-up .6s var(--ease) both;border-radius:16px;padding:14px 8px 12px;position:relative}.podium__step--1{border:2px solid var(--gold-2);background:linear-gradient(#fff7e6,#fdecc8);order:2;padding-top:22px}.podium__step--2{order:1}.podium__step--3{order:3}.podium__medal{font-size:1.6rem;line-height:1}.podium__name{text-overflow:ellipsis;white-space:nowrap;margin-top:6px;font-size:.95rem;font-weight:800;overflow:hidden}.podium__score{font-variant-numeric:tabular-nums;color:var(--ink-2);font-size:.85rem;font-weight:700}.podium__prize{color:#7c5b1f;margin-top:6px;font-size:.72rem;font-weight:800}.board{flex-direction:column;gap:6px;display:flex}.board__row{background:var(--surface);border:1px solid var(--line-2);border-radius:12px;grid-template-columns:40px 1fr auto;align-items:center;gap:12px;padding:10px 12px;display:grid}.board__row.is-me{border-color:var(--gold);background:#fffaf0}.board__rank{color:var(--muted);font-variant-numeric:tabular-nums;font-weight:800}.board__name{align-items:center;gap:8px;min-width:0;font-weight:700;display:flex}.board__name span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.board__score{font-variant-numeric:tabular-nums;text-align:right;font-weight:800}.board__score small{color:var(--muted);font-size:.72rem;font-weight:600;display:block}.badge{text-transform:uppercase;letter-spacing:.04em;border-radius:999px;align-items:center;gap:4px;padding:2px 8px;font-size:.68rem;font-weight:800;display:inline-flex}.badge--gold{background:linear-gradient(135deg, var(--gold-3), var(--gold-2));color:#5a4626}.badge--muted{background:var(--surface-2);color:var(--muted)}.play{min-height:calc(100dvh - var(--header-h));flex-direction:column;display:flex}.play__inner{flex-direction:column;flex:1;gap:16px;width:min(720px,100% - 24px);margin:0 auto;padding:16px 0 40px;display:flex}.play__top{justify-content:space-between;align-items:center;gap:12px;display:flex}.progress{background:var(--line-2);border-radius:999px;flex:1;height:8px;overflow:hidden}.progress__bar{background:linear-gradient(90deg, var(--gold), var(--accent));height:100%;transition:width .5s var(--ease);border-radius:999px}.timer{flex:none;width:84px;height:84px;position:relative}.timer svg{width:100%;height:100%;transform:rotate(-90deg)}.timer__track{fill:none;stroke:var(--line-2);stroke-width:8px}.timer__bar{fill:none;stroke:var(--teal);stroke-width:8px;stroke-linecap:round;transition:stroke .3s}.timer.is-warning .timer__bar{stroke:var(--amber)}.timer.is-danger .timer__bar{stroke:var(--accent)}.timer.is-danger{animation:.9s ease-in-out infinite heartbeat}.timer__value{font-variant-numeric:tabular-nums;letter-spacing:-.02em;place-items:center;font-size:1.5rem;font-weight:800;display:grid;position:absolute;inset:0}@keyframes heartbeat{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}.question{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);animation:fade-up .45s var(--ease) both;padding:clamp(18px,3vw,28px)}.question__num{letter-spacing:.12em;text-transform:uppercase;color:var(--gold);margin-bottom:10px;font-size:.78rem;font-weight:800}.question__prompt{letter-spacing:-.015em;font-size:clamp(1.2rem,2.6vw,1.55rem);font-weight:800;line-height:1.3}.question__image{object-fit:cover;border-radius:14px;width:100%;max-height:260px;margin-top:14px}.options{grid-template-columns:1fr;gap:10px;display:grid}@media (min-width:640px){.options{grid-template-columns:1fr 1fr}.options.options--3{grid-template-columns:1fr}}.option{--opt:var(--indigo);--opt-soft:var(--indigo-soft);text-align:left;border:2px solid var(--line-2);background:var(--surface);width:100%;box-shadow:var(--shadow-sm);transition:transform .15s var(--ease), border-color .15s, background .15s, box-shadow .15s;animation:fade-up .4s var(--ease) both;border-radius:16px;align-items:center;gap:12px;padding:14px 16px;font-size:1rem;font-weight:700;line-height:1.35;display:flex}.option:nth-child(2){animation-delay:50ms}.option:nth-child(3){animation-delay:.1s}.option:nth-child(4){animation-delay:.15s}.option:nth-child(5){animation-delay:.2s}.option:nth-child(6){animation-delay:.25s}.option--a{--opt:#ff6b3d;--opt-soft:#ffe7dd}.option--b{--opt:#6d4aff;--opt-soft:#e8e3ff}.option--c{--opt:#0ea5a4;--opt-soft:#d9f5f2}.option--d{--opt:#f59e0b;--opt-soft:#fdf1d8}.option--e{--opt:#db2777;--opt-soft:#fce7f3}.option--f{--opt:#2563eb;--opt-soft:#dbeafe}.option__key{background:var(--opt-soft);width:34px;height:34px;color:var(--opt);border-radius:10px;flex:none;place-items:center;font-size:.9rem;font-weight:800;display:grid}.option:hover:not(:disabled){border-color:var(--opt);box-shadow:var(--shadow-md);transform:translateY(-2px)}.option:active:not(:disabled){transform:scale(.985)}.option:disabled{cursor:default}.option.is-selected{border-color:var(--opt);background:var(--opt-soft)}.option.is-correct{border-color:var(--green);background:var(--green-soft);animation:pop .4s var(--ease)}.option.is-correct .option__key{background:var(--green);color:#fff}.option.is-wrong{border-color:var(--red);background:var(--red-soft);animation:.4s shake}.option.is-wrong .option__key{background:var(--red);color:#fff}.option.is-dim{opacity:.55}@keyframes pop{0%{transform:scale(.96)}60%{transform:scale(1.03)}to{transform:scale(1)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}@keyframes fade-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.feedback{border-radius:var(--radius-lg);animation:fade-up .4s var(--ease) both;flex-direction:column;gap:8px;padding:18px 20px;display:flex}.feedback--ok{background:var(--green-soft);color:#14532d}.feedback--ko{background:var(--red-soft);color:#7f1d1d}.feedback--timeout{background:var(--amber-soft);color:#7c4a03}.feedback__title{align-items:center;gap:8px;font-size:1.1rem;font-weight:800;display:flex}.feedback__points{font-variant-numeric:tabular-nums;margin-left:auto}.play__countdown{text-align:center;place-items:center;gap:14px;min-height:50vh;display:grid}.play__countdown b{letter-spacing:-.05em;animation:pop .6s var(--ease);background:linear-gradient(135deg, var(--ink), var(--indigo));color:#0000;-webkit-background-clip:text;background-clip:text;font-size:clamp(4rem,18vw,8rem);font-weight:800;line-height:1}.score-hero{text-align:center;padding:28px 20px}.score-hero__value{letter-spacing:-.04em;font-variant-numeric:tabular-nums;background:linear-gradient(135deg, var(--ink), var(--indigo));color:#0000;-webkit-background-clip:text;background-clip:text;font-size:clamp(3rem,12vw,5rem);font-weight:800;line-height:1}.review{flex-direction:column;gap:10px;display:flex}.review__item{background:var(--surface);border:1px solid var(--line-2);border-radius:14px;padding:14px 16px}.review__item.is-ok{border-left:4px solid var(--green)}.review__item.is-ko{border-left:4px solid var(--red)}.review__prompt{font-weight:700}.review__answer{color:var(--ink-2);margin-top:4px;font-size:.9rem}.review__explain{color:var(--muted);margin-top:6px;font-size:.88rem;line-height:1.55}.modal-backdrop{z-index:60;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#14213d8c;place-items:end center;padding:0;animation:.2s fade;display:grid;position:fixed;inset:0}@media (min-width:640px){.modal-backdrop{place-items:center;padding:20px}}.modal{background:var(--surface);width:min(460px,100%);box-shadow:var(--shadow-lg);animation:slide-up .35s var(--ease);border-radius:28px 28px 0 0;max-height:92dvh;padding:26px 22px 30px;overflow:auto}@media (min-width:640px){.modal{border-radius:28px}}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes slide-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.field{flex-direction:column;gap:6px;display:flex}.field label{color:var(--ink-2);font-size:.85rem;font-weight:700}.input{border:2px solid var(--line);background:var(--surface);border-radius:14px;width:100%;padding:13px 14px;font-size:1rem;font-weight:600;transition:border-color .15s,box-shadow .15s}.input:focus{border-color:var(--ink);outline:none;box-shadow:0 0 0 4px #14213d14}.input--error{border-color:var(--red)}.phone-row{grid-template-columns:130px 1fr;gap:8px;display:grid}.phone-row .input{min-width:0}.error{color:var(--red);font-size:.85rem;font-weight:600}.otp{justify-content:center;gap:8px;display:flex}.otp input{text-align:center;border:2px solid var(--line);background:var(--surface-2);border-radius:14px;width:58px;height:66px;font-size:1.8rem;font-weight:800}.otp input:focus{border-color:var(--ink);background:#fff;outline:none;box-shadow:0 0 0 4px #14213d14}.otp.is-error input{border-color:var(--red);animation:.4s shake}.toast{z-index:80;background:var(--ink);color:#fff;box-shadow:var(--shadow-lg);animation:slide-up .3s var(--ease);border-radius:999px;max-width:calc(100% - 32px);padding:12px 18px;font-size:.9rem;font-weight:600;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.toast--error{background:var(--red)}.toast--success{background:var(--green)}.confetti{pointer-events:none;z-index:70;position:fixed;inset:0}.skeleton{background:linear-gradient(90deg, var(--line-2), #f9fafc, var(--line-2));background-size:200% 100%;border-radius:12px;min-height:16px;animation:1.4s infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.divider{background:var(--line-2);height:1px}.tabs{background:var(--surface-2);border-radius:999px;gap:4px;padding:4px;display:inline-flex}.tabs button{color:var(--muted);background:0 0;border:none;border-radius:999px;padding:8px 14px;font-weight:700}.tabs button.is-active{background:var(--surface);color:var(--ink);box-shadow:var(--shadow-sm)}.topic-tile{background:var(--surface);border:1px solid var(--line-2);box-shadow:var(--shadow-sm);transition:transform .2s var(--ease), box-shadow .2s;border-radius:18px;align-items:center;gap:14px;padding:16px;display:flex}.topic-tile:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}.topic-tile__emoji{background:color-mix(in srgb, var(--topic,var(--gold)) 16%, white);border-radius:14px;place-items:center;width:50px;height:50px;font-size:1.5rem;display:grid}.topic-tile b{display:block}.topic-tile small{color:var(--muted);font-weight:600}.wa-cta{color:#fff;border-radius:var(--radius-xl);background:linear-gradient(135deg,#0b3d2e,#128c7e);grid-template-columns:1fr auto;align-items:center;gap:18px;padding:clamp(22px,4vw,36px);display:grid}.wa-cta p{color:#ffffffd1}@media (max-width:720px){.wa-cta{grid-template-columns:1fr}}.count-up{font-variant-numeric:tabular-nums}