.container{width:640px;margin:50px auto auto;background:#ffffffeb;color:#000;display:flex;flex-direction:column;gap:12px;padding:18px 36px;border-radius:12px;box-shadow:0 8px 24px #00000073;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);position:relative;z-index:2;max-width:calc(100% - 32px)}.container hr{color:#19006c;height:2px;border:none;background:#707070}.container h1{font-weight:500;text-align:center;color:#4e4444}.container h2{font-size:xx-large;font-weight:500;color:#1e1e1f}.container ul li{display:flex;align-items:center;height:70px;padding-left:15px;border:1px solid #686868;border-radius:9px;margin-bottom:20px;font-size:20px;cursor:pointer;color:#1e1e1f}.container button{cursor:pointer;margin:auto;width:250px;height:45px;background-color:#553f9a;color:#fff;border:none;border-radius:10px;font-size:large;font-weight:700}.container .index{margin:auto}.container .correct{background:#00d397;border-color:#00d397}.container .wrong{background:#ff4a4a;border-color:#ff4a4a}.timer{font-size:1.2rem;font-weight:700;color:#ff5722;margin-bottom:15px;text-align:center}.timer.low{color:#f44336}.final-result{text-align:center;margin-top:20px}.final-message{font-size:1.4rem;font-weight:700;margin:15px 0;color:#ff9800;animation:fadeIn 1s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.home{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:32px;box-sizing:border-box;color:#fff;z-index:2}.home__card{width:100%;max-width:760px;background:#ffffff14;border-radius:16px;padding:36px;box-shadow:0 12px 40px #0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.06);text-align:center;animation:fadeInUp .6s ease both}.home__title{font-size:clamp(1.8rem,4.5vw,2.8rem);font-weight:700;margin:0 0 8px;letter-spacing:.4px;color:#fff;text-shadow:0 4px 18px rgba(0,0,0,.6)}.home__subtitle{font-size:clamp(1rem,2.5vw,1.15rem);margin:0 0 22px;color:#ffffffe6;opacity:.95;line-height:1.4}.home__actions{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-top:6px}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;padding:12px 22px;border-radius:10px;font-weight:700;font-size:1rem;transition:transform .16s ease,box-shadow .16s ease,opacity .16s ease;box-shadow:0 8px 20px #00000073}.btn--primary{background:linear-gradient(135deg,#6a4ef0,#3f2fb8);color:#fff}.btn--primary:hover{transform:translateY(-4px);box-shadow:0 18px 36px #3f2fb847}.btn--ghost{background:#ffffff0f;color:#fff;border:1px solid rgba(255,255,255,.08)}.btn--ghost:hover{transform:translateY(-3px);opacity:.95}.home__meta{margin-top:18px;color:#fffc;font-size:.92rem}@media (max-width: 480px){.home__card{padding:20px;border-radius:12px}.home__title{font-size:1.6rem}.btn{padding:10px 16px;font-size:.95rem}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}body,html{height:100%;margin:0;padding:0;font-family:Poppins,sans-serif;background-image:linear-gradient(#000000bf,#000000bf),url(/assets/dbz-9sO4C2IS.jpg);background-repeat:no-repeat;background-position:center center;background-size:cover;background-attachment:fixed;min-height:100vh;overflow-x:hidden;background-color:#000;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}