*,:after,:before{margin:0;padding:0;box-sizing:border-box}:root{--brand:#f5c518;--brand-deep:#d9a900;--ink:#0b1b2e;--ink-2:#12283f;--blue:#2563eb;--blue-deep:#1d4ed8;--green:#0f9d58;--green-soft:rgba(15,157,88,.12);--red:#d93025;--red-soft:rgba(217,48,37,.12);--text:#12202f;--text-2:#5a6b7d;--text-3:#7b8a99;--bg:#ffffff;--bg-2:#f5f7fa;--bg-3:#eef2f7;--card:#ffffff;--line:rgba(11,27,46,.10);--line-2:rgba(11,27,46,.06);--radius:18px;--radius-sm:12px;--radius-lg:26px;--shadow-sm:0 1px 2px rgba(11,27,46,.06),0 1px 3px rgba(11,27,46,.05);--shadow-md:0 6px 20px rgba(11,27,46,.08),0 2px 6px rgba(11,27,46,.04);--shadow-lg:0 24px 60px rgba(11,27,46,.14),0 8px 20px rgba(11,27,46,.07);--maxw:1140px;--nav-h:66px}@media (prefers-color-scheme:dark){:root{--text:#e8eef6;--text-2:#a3b2c4;--text-3:#8496aa;--bg:#0a1524;--bg-2:#0e1c2e;--bg-3:#132538;--card:#0f1f33;--line:rgba(255,255,255,.12);--line-2:rgba(255,255,255,.07);--green-soft:rgba(15,157,88,.20);--red-soft:rgba(217,48,37,.20);--shadow-sm:0 1px 2px rgba(0,0,0,.4);--shadow-md:0 6px 20px rgba(0,0,0,.45);--shadow-lg:0 24px 60px rgba(0,0,0,.55)}}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--nav-h) + 16px);-webkit-text-size-adjust:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:var(--bg);color:var(--text);line-height:1.65;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;min-height:100dvh;display:flex;flex-direction:column}img,svg{display:block;max-width:100%}a{color:inherit;text-decoration:none}:focus-visible{outline:3px solid var(--blue);outline-offset:3px;border-radius:4px}[hidden]{display:none!important}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.wrap{max-width:var(--maxw)}.wrap,.wrap-narrow{width:100%;margin-inline:auto;padding-inline:20px}.wrap-narrow{max-width:760px}main{flex:1 0 auto}.section{padding-block:56px}.section-tight{padding-block:32px}.stack{display:flex;flex-direction:column;gap:16px}.muted{color:var(--text-2)}.small{font-size:.875rem}.tiny{font-size:.8rem}.center{text-align:center}.skip-link{position:absolute;left:-9999px;top:8px;z-index:100;background:var(--blue);color:#fff;padding:10px 16px;border-radius:8px}.skip-link:focus{left:16px}.topbar{background:var(--ink);color:rgba(255,255,255,.78);font-size:.78rem;padding-block:8px}.topbar .wrap{display:flex;flex-wrap:wrap;gap:8px 18px;justify-content:center}.topbar a{color:inherit;text-decoration:underline;text-underline-offset:2px}.topbar a:hover{color:#fff}@media (max-width:380px){.topbar{font-size:.72rem}.topbar .wrap{gap:6px 12px;padding-inline:12px}}.site-nav{position:-webkit-sticky;position:sticky;top:0;z-index:50;height:var(--nav-h);background:color-mix(in srgb,var(--bg) 88%,transparent);-webkit-backdrop-filter:saturate(160%) blur(12px);backdrop-filter:saturate(160%) blur(12px);border-bottom:1px solid var(--line-2)}.site-nav,.site-nav .wrap{display:flex;align-items:center}.site-nav .wrap{gap:20px}.brand{display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:-.02em}.brand img{width:32px;height:32px;border-radius:8px}.nav-links{display:flex;align-items:center;gap:6px;margin-left:auto}.nav-links a{padding:8px 12px;border-radius:10px;font-size:.92rem;font-weight:600;color:var(--text-2);transition:background .15s,color .15s}.nav-links a:hover,.nav-links a[aria-current=page]{background:var(--bg-3);color:var(--text)}@media (max-width:640px){.nav-links a{padding:8px 9px;font-size:.85rem}.brand span{display:none}}.site-footer{flex-shrink:0;border-top:1px solid var(--line-2);background:var(--bg-2);padding-block:32px;margin-top:48px;font-size:.875rem;color:var(--text-2)}.site-footer .cols{display:flex;flex-wrap:wrap;gap:28px 48px;justify-content:space-between}.site-footer h3{font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-3);margin-bottom:10px}.site-footer ul{list-style:none;display:flex;flex-direction:column;gap:7px}.site-footer a:hover{color:var(--text);text-decoration:underline}.site-footer .legal-note{margin-top:26px;padding-top:18px;border-top:1px solid var(--line-2);font-size:.8rem;color:var(--text-3)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font:inherit;font-size:.95rem;font-weight:700;padding:12px 20px;border-radius:12px;border:1px solid transparent;cursor:pointer;transition:background .15s,border-color .15s,opacity .15s,transform .08s;text-align:center}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--blue);color:#fff}.btn-primary:hover:not(:disabled){background:var(--blue-deep)}.btn-brand{background:var(--brand);color:var(--ink)}.btn-brand:hover:not(:disabled){background:var(--brand-deep)}.btn-ghost{background:transparent;color:var(--text);border-color:var(--line)}.btn-ghost:hover:not(:disabled){background:var(--bg-3)}.btn-danger{background:transparent;color:var(--red);border-color:color-mix(in srgb,var(--red) 40%,transparent)}.btn-danger:hover:not(:disabled){background:var(--red-soft)}.btn-block{width:100%}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:22px}.card-link{display:block;transition:box-shadow .18s,border-color .18s,transform .12s}.card-link:hover{box-shadow:var(--shadow-md);border-color:color-mix(in srgb,var(--blue) 35%,var(--line));transform:translateY(-2px)}.grid{display:grid;grid-gap:16px;gap:16px}.grid-3{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.grid-2{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.badge{display:inline-flex;align-items:center;gap:6px;font-size:.75rem;font-weight:700;letter-spacing:.02em;padding:4px 10px;border-radius:999px;background:var(--bg-3);color:var(--text-2)}.badge-brand{background:color-mix(in srgb,var(--brand) 24%,transparent);color:var(--brand-deep)}.badge-ok{background:var(--green-soft);color:var(--green)}.badge-bad{background:var(--red-soft);color:var(--red)}.notice{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg-2);padding:14px 16px;font-size:.9rem;color:var(--text-2)}.notice strong{color:var(--text)}.notice-warn{background:color-mix(in srgb,var(--brand) 12%,var(--bg-2));border-color:color-mix(in srgb,var(--brand) 45%,var(--line))}.msg{font-size:.88rem;padding:11px 14px;border-radius:10px;margin-bottom:16px}.msg-error{background:var(--red-soft);color:var(--red);border:1px solid color-mix(in srgb,var(--red) 30%,transparent)}.msg-ok{background:var(--green-soft);color:var(--green);border:1px solid color-mix(in srgb,var(--green) 30%,transparent)}.hero{padding-block:64px 48px;background:linear-gradient(180deg,var(--bg-2),var(--bg));border-bottom:1px solid var(--line-2)}.hero h1{font-size:clamp(2rem,5vw,3.1rem);line-height:1.12;letter-spacing:-.03em;font-weight:800;margin-bottom:18px}.hero p.lede{font-size:clamp(1.02rem,2vw,1.2rem);color:var(--text-2);max-width:62ch;margin-bottom:28px}.hero .cta-row{display:flex;flex-wrap:wrap;gap:12px}.stat-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));grid-gap:14px;gap:14px;margin-top:40px}.stat{background:var(--card);border:1px solid var(--line);border-radius:var(--radius-sm);padding:16px 18px}.stat .n{font-size:1.6rem;font-weight:800;letter-spacing:-.02em}.stat .l{font-size:.82rem;color:var(--text-2)}.feature{display:flex;gap:14px;align-items:flex-start}.feature .ico{flex:0 0 auto;width:40px;height:40px;border-radius:11px;display:grid;place-items:center;background:var(--bg-3);font-size:1.15rem}.feature h3{font-size:1rem;margin-bottom:4px}.feature p{font-size:.9rem;color:var(--text-2)}h2.section-title{font-size:clamp(1.4rem,3vw,2rem);letter-spacing:-.02em;font-weight:800;margin-bottom:8px}p.section-lede{color:var(--text-2);margin-bottom:26px;max-width:68ch}.breadcrumb{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:.85rem;color:var(--text-3);margin-bottom:18px}.breadcrumb a:hover{color:var(--text);text-decoration:underline}.quiz-shell{max-width:820px;margin-inline:auto}.quiz-bar{position:-webkit-sticky;position:sticky;top:var(--nav-h);z-index:20;display:flex;align-items:center;gap:14px;flex-wrap:wrap;background:color-mix(in srgb,var(--bg) 92%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line-2);padding:12px 0;margin-bottom:20px}.quiz-bar .grow{flex:1 1 auto;min-width:120px}.progress{height:6px;border-radius:999px;background:var(--bg-3);overflow:hidden}.progress>i{display:block;height:100%;background:var(--blue);transition:width .25s ease}.timer{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:700;font-size:1.02rem}.timer.low{color:var(--red)}.q-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--card);padding:22px;box-shadow:var(--shadow-sm)}.q-text{font-size:1.06rem;line-height:1.6;white-space:pre-line;margin-bottom:16px}.q-media{border-radius:var(--radius-sm);overflow:hidden;border:1px solid var(--line-2);margin-bottom:18px;background:var(--bg-3)}.q-media img,.q-media video{width:100%;height:auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);-webkit-clip-path:inset(50%);clip-path:inset(50%);white-space:nowrap;border:0}.choices{display:flex;flex-direction:column;gap:10px;list-style:none}.choice{display:flex;gap:12px;align-items:flex-start;width:100%;text-align:left;font:inherit;font-size:.97rem;padding:13px 15px;border-radius:var(--radius-sm);border:1.5px solid var(--line);background:var(--card);color:var(--text);cursor:pointer;transition:border-color .15s,background .15s}.choice:hover:not([aria-disabled=true]){border-color:color-mix(in srgb,var(--blue) 45%,var(--line));background:var(--bg-2)}.choice[aria-disabled=true]{cursor:default}.choice-body{display:flex;flex-direction:column;gap:8px;min-width:0;flex:1 1 auto}.choice-img{max-width:220px;width:100%;height:auto;border-radius:8px;border:1px solid var(--line-2);background:var(--bg-3)}.choice-mark{flex:0 0 auto;font-weight:800;font-size:1.05rem;line-height:1.4}.choice-mark.correct{color:var(--green)}.choice-mark.wrong{color:var(--red)}.choice .key{flex:0 0 auto;width:26px;height:26px;border-radius:8px;display:grid;place-items:center;font-size:.8rem;font-weight:800;background:var(--bg-3);color:var(--text-2)}.choice.selected{border-color:var(--blue);background:color-mix(in srgb,var(--blue) 8%,var(--card))}.choice.selected .key{background:var(--blue);color:#fff}.choice.correct{border-color:var(--green);background:var(--green-soft)}.choice.correct .key{background:var(--green);color:#fff}.choice.wrong{border-color:var(--red);background:var(--red-soft)}.choice.wrong .key{background:var(--red);color:#fff}.explanation{margin-top:18px;padding:16px;border-radius:var(--radius-sm);background:var(--bg-2);border:1px solid var(--line-2);font-size:.92rem;line-height:1.7;white-space:pre-line}.explanation h4{font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-3);margin-bottom:8px}.q-nav{display:flex;gap:10px;margin-top:20px;flex-wrap:wrap}.q-nav .spacer{flex:1 1 auto}.q-map{display:flex;flex-wrap:wrap;gap:6px;margin-top:26px}.q-map button{width:34px;height:34px;border-radius:9px;font:inherit;font-size:.8rem;font-weight:700;border:1px solid var(--line);background:var(--card);color:var(--text-2);cursor:pointer}.q-map button.answered{background:var(--bg-3);color:var(--text);border-color:var(--line)}.q-map button.current{border-color:var(--blue);color:var(--blue)}.q-map button.correct{background:var(--green-soft);border-color:var(--green);color:var(--green)}.q-map button.wrong{background:var(--red-soft);border-color:var(--red);color:var(--red)}.score-hero{text-align:center;padding:34px 22px}.score-ring{font-size:3rem;font-weight:800;letter-spacing:-.03em;line-height:1}.score-ring.pass{color:var(--green)}.score-ring.fail{color:var(--red)}.auth-shell{max-width:460px;margin-inline:auto;padding-block:40px}.auth-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-md);padding:30px 26px}.auth-brand{display:flex;flex-direction:column;align-items:center;gap:10px;margin-bottom:24px}.auth-brand img{width:60px;height:60px;border-radius:14px}.auth-brand .name{font-size:1.25rem;font-weight:800;letter-spacing:-.02em}.tabs{display:grid;grid-template-columns:1fr 1fr;grid-gap:4px;gap:4px;background:var(--bg-3);border-radius:11px;padding:4px;margin-bottom:20px}.tabs button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;font:inherit;font-size:.9rem;font-weight:700;color:var(--text-2);padding:9px 12px;border-radius:8px;cursor:pointer;transition:background .15s,color .15s}.tabs button[aria-selected=true]{background:var(--card);color:var(--text);box-shadow:var(--shadow-sm)}.field{margin-bottom:15px}.field label{display:block;font-size:.85rem;font-weight:700;margin-bottom:6px}.field input{width:100%;font:inherit;font-size:.95rem;padding:11px 13px;border:1px solid var(--line);border-radius:10px;background:var(--bg);color:var(--text);transition:border-color .15s,box-shadow .15s}.field input:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px color-mix(in srgb,var(--blue) 20%,transparent)}.field .hint{font-size:.78rem;color:var(--text-2);margin-top:5px}.check{display:flex;align-items:flex-start;gap:9px;font-size:.82rem;color:var(--text-2);margin-bottom:13px}.check input{margin-top:3px;flex-shrink:0;width:16px;height:16px}.check a,.inline-link{color:var(--blue);text-decoration:underline}.divider{display:flex;align-items:center;gap:12px;margin:20px 0;color:var(--text-3);font-size:.8rem}.divider:after,.divider:before{content:"";flex:1 1;height:1px;background:var(--line)}.tiktok-btn{display:block;width:100%;line-height:0;border-radius:2px;transition:opacity .15s}.tiktok-btn:hover{opacity:.86}.tiktok-btn img{width:100%;height:auto}.data-list{list-style:none;display:flex;flex-direction:column;gap:2px}.data-list li{display:flex;gap:12px;justify-content:space-between;padding:11px 0;border-bottom:1px solid var(--line-2);font-size:.92rem}.data-list li:last-child{border-bottom:0}.data-list .k{color:var(--text-2);flex:0 0 auto}.data-list .v{text-align:right;word-break:break-word}.avatar{object-fit:cover;background:var(--bg-3)}.avatar,.avatar-fallback{width:56px;height:56px;border-radius:50%}.avatar-fallback{display:grid;place-items:center;background:var(--bg-3);font-weight:800;color:var(--text-2);font-size:1.15rem}.danger-zone{border-color:color-mix(in srgb,var(--red) 32%,var(--line))}.danger-zone h2{color:var(--red);font-size:1.05rem;margin-bottom:8px}.bilingual{font-size:.82rem;color:var(--text-2);line-height:1.65}.bilingual [lang=en]{display:block;margin-top:6px;color:var(--text-3);font-style:italic}.empty{text-align:center;padding:48px 20px;color:var(--text-2)}