:root{--blue:#1d1db8;--blue-dark:#15158f;--yellow:#ffd21c;--ink:#14141c;--grey-1:#a9a9b2;--card:#fff;--radius:28px}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%}body{font-family:Poppins,system-ui,-apple-system,Segoe UI,sans-serif;background:radial-gradient(120% 90% at 70% 10%,#6b6b74,#4a4a52 45%,#2b2b31);color:var(--ink);min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden}.topbar{display:flex;justify-content:space-between;align-items:center;padding:14px 22px;color:#cfcfd6;font-size:13px;background:#00000059}.secure{display:flex;align-items:center;gap:6px}.secure svg{width:14px;height:14px;fill:#cfcfd6}.ribbon{position:fixed;top:34px;left:-78px;z-index:20;transform:rotate(-32deg);background:var(--yellow);color:#141414;padding:10px 90px;text-align:center;line-height:1.15;font-weight:700;font-size:14px;letter-spacing:.5px;box-shadow:0 6px 18px #00000059;pointer-events:none;contain:layout style}.ribbon small{display:block;font-weight:500;font-size:11px;letter-spacing:1px}.stage{flex:1;width:100%;max-width:1180px;margin:0 auto;padding:60px 26px;display:grid;grid-template-columns:1fr 520px;gap:40px;align-items:center}h1{grid-column:1/-1;text-align:center;color:var(--blue);font-size:clamp(26px,4vw,48px);font-weight:800;text-shadow:0 2px 0 rgba(255,255,255,.35);margin-bottom:6px}.sub{grid-column:1/-1;text-align:center;color:#e7e7ec;font-size:clamp(14px,1.6vw,18px);font-weight:500;margin-top:-2px}.banner-strip{grid-column:1/-1;background:#ffffff0f;border-radius:12px;padding:16px 24px;text-align:center;margin-top:4px;margin-bottom:4px}.banner-line1{font-size:17px;font-weight:700;color:#fff;margin-bottom:4px}.banner-line2{font-size:13.5px;font-weight:400;color:#b8b8c2;line-height:1.5}.art{position:relative;height:340px;width:100%;display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 30px 30px rgba(0,0,0,.45));contain:layout style paint}.gamepad{width:220px;height:160px;position:relative}.gamepad-body{width:220px;height:110px;background:linear-gradient(180deg,#fdfdfd,#d8d8df);border-radius:30% 30% 50% 50%;position:absolute;top:30px;left:0;box-shadow:inset 0 -4px 12px #0000001a}.gamepad-body:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--blue),#4646e0);box-shadow:0 0 20px #1d1db866}.grip-l,.grip-r{position:absolute;bottom:0;width:60px;height:80px;background:linear-gradient(180deg,#e8e8ed,#c8c8d0);border-radius:0 0 50% 50%}.grip-l{left:20px}.grip-r{right:20px}.stick-l,.stick-r{position:absolute;top:45px;width:34px;height:34px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#3a3a44,#101016)}.stick-l{left:40px}.stick-r{right:40px}.dpad{position:absolute;top:55px;left:55px;width:36px;height:36px}.dpad:before,.dpad:after{content:"";position:absolute;background:#2a2a32;border-radius:3px}.dpad:before{width:12px;height:36px;left:12px;top:0}.dpad:after{width:36px;height:12px;left:0;top:12px}.buttons{position:absolute;top:45px;right:50px;width:44px;height:44px}.buttons:before,.buttons:after{content:"";position:absolute;width:12px;height:12px;border-radius:50%}.buttons:before{background:#4646e0;top:0;left:16px}.buttons:after{background:#e04646;bottom:0;left:16px}.card{background:var(--card);border-radius:var(--radius);padding:44px 42px 40px;box-shadow:0 30px 60px #00000059;min-height:420px;display:flex;flex-direction:column;contain:layout style}.progress{display:flex;align-items:center;gap:10px;margin-bottom:26px}.progress .bar{flex:1;height:8px;background:#ececf2;border-radius:8px;overflow:hidden}.progress .fill{height:100%;width:0;background:linear-gradient(90deg,var(--blue),#4646e0);border-radius:8px;transition:width .45s cubic-bezier(.4,0,.2,1)}.progress .count{font-size:12px;font-weight:600;color:var(--grey-1);white-space:nowrap}.q-label{font-size:13px;font-weight:600;color:var(--blue);letter-spacing:1.2px;text-transform:uppercase;margin-bottom:10px}.q-text{font-size:22px;font-weight:700;line-height:1.3;margin-bottom:24px;min-height:58px}.answers{display:flex;flex-direction:column;gap:12px}.answers button{font-family:inherit;font-size:16px;font-weight:600;color:var(--ink);background:#f4f4f8;border:2px solid transparent;border-radius:14px;padding:16px 18px;text-align:left;cursor:pointer;transition:border-color .15s,background .15s,transform .1s}.answers button:hover{border-color:var(--blue);background:#eef0ff}.answers button:active{transform:scale(.98)}.answers button:focus-visible{outline:3px solid var(--blue);outline-offset:2px}.checking{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;text-align:center}.spinner{width:56px;height:56px;border-radius:50%;border:5px solid #ececf2;border-top-color:var(--blue);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.check-line{font-size:15px;font-weight:500;color:#55555f;min-height:22px}.result{flex:1;display:flex;flex-direction:column;justify-content:center;text-align:center;gap:16px}.badge{width:74px;height:74px;margin:0 auto;border-radius:50%;background:linear-gradient(135deg,var(--blue),#4646e0);display:flex;align-items:center;justify-content:center;animation:pop .45s cubic-bezier(.34,1.56,.64,1)}.badge svg{width:36px;height:36px;stroke:#fff;stroke-width:3;fill:none;stroke-linecap:round;stroke-linejoin:round}@keyframes pop{0%{transform:scale(.4);opacity:0}to{transform:scale(1);opacity:1}}.result h2{font-size:26px;font-weight:800;color:var(--ink)}.result p{font-size:15px;color:#55555f;line-height:1.55}.cta{display:flex;align-items:center;justify-content:center;gap:10px;font-family:inherit;font-size:18px;font-weight:700;color:#fff;background:linear-gradient(180deg,var(--blue),var(--blue-dark));border:none;border-radius:12px;padding:18px 26px;cursor:pointer;text-decoration:none;margin-top:8px;box-shadow:0 12px 26px #1d1db866;transition:transform .12s,box-shadow .12s;animation:pulse 1.8s ease-in-out infinite}.cta:hover{transform:translateY(-2px);box-shadow:0 16px 32px #1d1db880}.cta:focus-visible{outline:3px solid var(--yellow);outline-offset:3px}@keyframes pulse{0%,to{box-shadow:0 12px 26px #1d1db866}50%{box-shadow:0 12px 34px #1d1db8a6}}.spots{font-size:13px;font-weight:600;color:#9a2b2b;margin-top:4px}.spots-grey{font-size:13px;font-weight:500;color:#888;margin-top:4px}.hidden{display:none!important}.dq p{font-size:15px;color:#55555f;line-height:1.6}footer{text-align:center;color:#bdbdc6;font-size:11.5px;line-height:1.7;padding:22px 26px 30px;max-width:860px;margin:0 auto}footer a{color:#d8d8e0}@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}@media (max-width:900px){.stage{grid-template-columns:1fr;padding:26px 16px 40px;gap:18px}.art{display:none}.card{padding:32px 24px 30px}.ribbon{top:22px;left:-92px;font-size:12px;padding:8px 90px}}