@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&display=swap);*,:after,:before{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(1200px 600px at 50% -10%,#6366f140,#0000 60%),linear-gradient(160deg,#0f172a,#131a36 45%,#1e1b4b);background-attachment:fixed;color:#e2e8f0;font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif;margin:0;min-height:100vh}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}button{font-family:inherit}.home{align-items:center;display:flex;flex-direction:column;gap:44px;justify-content:center;margin:0 auto;min-height:100vh;padding:60px 20px;text-align:center;width:min(960px,100%)}.home__header{animation:home-fade-in .5s ease both}.home__eyebrow{color:#94a3b8;font-size:15px;font-weight:600;letter-spacing:.18em;margin:0 0 4px;text-transform:uppercase}.home__title{color:#f8fafc;font-size:clamp(40px,8vw,68px);font-weight:800;letter-spacing:-.02em;line-height:1.05;margin:0;text-shadow:0 10px 40px #6366f159}.home__title-accent{-webkit-text-fill-color:#0000;background:linear-gradient(120deg,#6366f1,#8b5cf6,#ec4899);-webkit-background-clip:text;background-clip:text;color:#0000}.home__subtitle{color:#cbd5e1;font-size:17px;margin:14px 0 0}.home__grid{grid-gap:22px;display:grid;gap:22px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));width:100%}.quiz-card{--accent:#6366f1;--accent-soft:#6366f12e;align-items:center;animation:home-fade-in .5s ease both;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);background:#ffffff0d;border:1px solid #ffffff1f;border-radius:24px;box-shadow:0 20px 50px #02061766;color:inherit;cursor:pointer;display:flex;flex-direction:column;font:inherit;gap:10px;overflow:hidden;padding:34px 26px 26px;position:relative;text-align:center;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}.quiz-card:before{background:var(--accent);content:"";height:4px;inset:0 0 auto 0;opacity:.9;position:absolute}.quiz-card:hover{border-color:var(--accent);box-shadow:0 26px 60px var(--accent-soft);transform:translateY(-6px)}.quiz-card:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.quiz-card__icon{background:var(--accent-soft);border:1px solid #ffffff1f;border-radius:22px;display:grid;font-size:38px;height:76px;margin-bottom:6px;place-items:center;transition:transform .25s ease;width:76px}.quiz-card:hover .quiz-card__icon{transform:scale(1.08) rotate(-4deg)}.quiz-card__title{color:#f8fafc;font-size:22px;font-weight:700}.quiz-card__desc{color:#cbd5e1;font-size:15px;line-height:1.4;max-width:22ch}.quiz-card__badge{background:var(--accent-soft);border:1px solid #ffffff1f;border-radius:999px;color:#f1f5f9;font-size:13px;font-weight:600;margin-top:4px;padding:5px 14px}.quiz-card__cta{color:var(--accent);font-size:15px;font-weight:700;margin-top:8px;opacity:0;transform:translateY(6px);transition:opacity .25s ease,transform .25s ease}.quiz-card:hover .quiz-card__cta{opacity:1;transform:translateY(0)}.home__footer{color:#94a3b8;font-size:14px}@keyframes home-fade-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.home__grid .quiz-card:first-child{animation-delay:.05s}.home__grid .quiz-card:nth-child(2){animation-delay:.12s}.home__grid .quiz-card:nth-child(3){animation-delay:.19s}@media (max-width:560px){.home{gap:32px;padding:40px 16px}.home__subtitle{font-size:15px}}.quiz{--accent:#6366f1;--accent-soft:#6366f12e;animation:quiz-fade-in .4s ease both;display:flex;flex-direction:column;gap:22px;margin:0 auto;padding:24px 20px 60px;width:min(720px,100%)}@keyframes quiz-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.quiz__topbar{justify-content:space-between}.quiz__brand,.quiz__topbar{align-items:center;display:flex;gap:12px}.quiz__brand{min-width:0}.quiz__brand-emoji{background:var(--accent-soft);border:1px solid #ffffff1f;border-radius:14px;display:grid;flex-shrink:0;font-size:24px;height:46px;place-items:center;width:46px}.quiz__brand-title{color:#f8fafc;font-size:20px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.quiz__home-btn{align-items:center;background:#ffffff0f;border:1px solid #ffffff29;border-radius:999px;color:#e2e8f0;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:6px;padding:9px 16px;transition:background .2s ease,transform .2s ease}.quiz__home-btn:hover{background:#ffffff24;transform:translateY(-1px)}.quiz__panel{backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);background:#ffffff0f;border:1px solid #ffffff1f;border-radius:24px;box-shadow:0 24px 60px #02061773;padding:28px}.quiz__meta{align-items:center;display:flex;justify-content:space-between;margin-bottom:14px}.quiz__counter{color:#f8fafc;font-size:16px;font-weight:700}.quiz__counter-total{color:#94a3b8;font-weight:600}.quiz__timer{font-feature-settings:"tnum";align-items:center;color:#cbd5e1;display:inline-flex;font-size:15px;font-variant-numeric:tabular-nums;font-weight:600;gap:6px}.quiz__progress{background:#ffffff1a;border-radius:999px;height:8px;margin-bottom:24px;overflow:hidden}.quiz__progress-bar{background:var(--accent);border-radius:999px;display:block;height:100%;transition:width .45s cubic-bezier(.4,0,.2,1)}.quiz__question{color:#f8fafc;font-size:22px;font-weight:700;line-height:1.35;margin:0 0 20px;text-align:center}.quiz__image-wrap{display:flex;justify-content:center;margin-bottom:26px}.quiz__image{background:#fffffff2;border-radius:16px;box-shadow:0 12px 30px #02061759;max-height:220px;max-width:100%;object-fit:contain;padding:12px}.quiz__options{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(2,1fr)}.option{align-items:center;background:#ffffff0d;border:1px solid #ffffff24;border-radius:14px;color:#f1f5f9;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:10px;justify-content:space-between;min-height:58px;padding:0 20px;text-align:left;transition:transform .15s ease,background .2s ease,border-color .2s ease,box-shadow .2s ease}.option:hover:not(:disabled){background:var(--accent-soft);border-color:var(--accent);transform:translateY(-2px)}.option:disabled{cursor:default}.option.correct{background:#10b98138;border-color:#10b981;color:#ecfdf5}.option.wrong{background:#ef444438;border-color:#ef4444;color:#fef2f2}.option.dimmed{opacity:.45}.option__icon{flex-shrink:0}.option.correct .option__icon{color:#34d399}.option.wrong .option__icon{color:#f87171}.quiz__results{align-items:center;display:flex;flex-direction:column;text-align:center}.results__ring{animation:ring-pop .5s ease both;border-radius:50%;display:grid;height:150px;margin-bottom:20px;place-items:center;width:150px}@keyframes ring-pop{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.results__ring-inner{align-items:center;background:#0b1120;border-radius:50%;display:flex;flex-direction:column;height:118px;justify-content:center;width:118px}.results__percent{color:#f8fafc;font-size:34px;font-weight:800;line-height:1}.results__ratio{color:#94a3b8;font-size:14px;font-weight:600;margin-top:4px}.results__title{color:#f8fafc;font-size:24px;font-weight:800;margin:0 0 6px}.results__subtitle{color:#cbd5e1;font-size:15px;margin:0 0 24px}.results__actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-bottom:30px}.btn-ghost,.btn-primary{align-items:center;border:1px solid #0000;border-radius:999px;cursor:pointer;display:inline-flex;font-size:15px;font-weight:700;gap:8px;padding:12px 22px;transition:transform .2s ease,background .2s ease,box-shadow .2s ease}.btn-primary{background:var(--accent);box-shadow:0 10px 24px var(--accent-soft);color:#0b1120}.btn-primary:hover{box-shadow:0 14px 30px var(--accent-soft);transform:translateY(-2px)}.btn-ghost{background:#ffffff0f;border-color:#ffffff29;color:#e2e8f0}.btn-ghost:hover{background:#ffffff24;transform:translateY(-2px)}.review{display:flex;flex-direction:column;gap:12px;list-style:none;margin:0;padding:0;text-align:left;width:100%}.review__item{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-left-width:4px;border-radius:16px;display:flex;gap:14px;padding:14px 16px}.review__item.is-correct{border-left-color:#10b981}.review__item.is-wrong{border-left-color:#ef4444}.review__thumb{background:#ffffffeb;border-radius:10px;flex-shrink:0;height:56px;object-fit:contain;padding:4px;width:56px}.review__body{flex:1 1;min-width:0}.review__prompt{color:#f1f5f9;font-size:15px;font-weight:600;margin:0 0 4px}.review__line{color:#cbd5e1;font-size:14px;margin:2px 0}.review__line strong{color:#f8fafc}.review__line--wrong strong{color:#fca5a5}.review__icon{display:grid;flex-shrink:0;place-items:center}.is-correct .review__icon{color:#34d399}.is-wrong .review__icon{color:#f87171}@media (max-width:560px){.quiz{gap:18px;padding:18px 14px 48px}.quiz__panel{border-radius:20px;padding:20px}.quiz__brand-title{font-size:18px}.quiz__home-btn span{display:none}.quiz__home-btn{padding:9px}.quiz__question{font-size:19px}.quiz__options{grid-template-columns:1fr}.results__actions{align-items:stretch;flex-direction:column;width:100%}.btn-ghost,.btn-primary{justify-content:center}}
/*# sourceMappingURL=main.f1293a9b.css.map*/