.vng-quiz{--bg:#0b1016;--bg2:#080d12;--bg3:#111a22;--surface:#ffffff0a;--surface2:#ffffff0f;--line:#ffffff14;--line2:#ffffff0d;--text:#f4f7fb;--dim:#94a6b8;--mute:#7c8ea1;--head:#fdfeff;--eyebrow:#e0b263;--oncard:#d3dde7;--gold:#f2bb57;--gold-deep:#d99a2b;--amber:#ffd48a;--green:#35d0a8;--green-deep:#2bb894;--orange:#ff7a4d;--ink:#20160a;--track:#ffffff17;--shadow-card:0 12px 30px -16px #0009;--shadow-btn:0 12px 28px -8px #f2bb5780}.vng-quiz *{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}.vng-quiz{color:var(--text);-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;background:radial-gradient(120% 55% at 50% -8%,#f2bb5721,#0000 60%),radial-gradient(90% 40% at 90% 12%,#f2bb570d,#0000 70%),linear-gradient(#0b1016,#080d12);justify-content:center;min-height:100dvh;font-family:Sora,system-ui,-apple-system,sans-serif;display:flex}.vng-quiz .opt,.vng-quiz .cta{touch-action:manipulation}.vng-quiz #shell{z-index:1;flex-direction:column;width:100%;max-width:460px;min-height:100dvh;display:flex;position:relative}.vng-quiz .bgfx{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.vng-quiz .bgfx i{filter:blur(64px);opacity:.5;border-radius:50%;position:absolute}.vng-quiz .bgfx .b1{background:radial-gradient(circle,#f2bb5721,#0000 70%);width:380px;height:380px;animation:16s ease-in-out infinite alternate drift1;top:-110px;left:-120px}.vng-quiz .bgfx .b2{background:radial-gradient(circle,#f2bb5717,#0000 70%);width:330px;height:330px;animation:19s ease-in-out infinite alternate drift2;bottom:-90px;right:-100px}.vng-quiz .bgfx .b3{background:radial-gradient(circle,#35d0a80f,#0000 70%);width:250px;height:250px;animation:22s ease-in-out infinite alternate drift3;top:38%;right:-60px}@keyframes drift1{to{transform:translate(70px,50px)scale(1.15)}}@keyframes drift2{to{transform:translate(-60px,-45px)scale(1.1)}}@keyframes drift3{to{transform:translate(-45px,60px)scale(1.2)}}.vng-quiz #topbar{padding:calc(15px + env(safe-area-inset-top)) 22px 12px;background:#05090d;box-shadow:0 6px 18px -10px #000000b3}.vng-quiz .brand{justify-content:center;align-items:center;gap:9px;margin-bottom:13px;display:flex}.vng-quiz .brand .mark{width:26px;height:26px;color:var(--ink);background:linear-gradient(135deg, var(--amber), var(--gold-deep));letter-spacing:-.03em;border-radius:8px;place-items:center;font-size:11px;font-weight:800;display:grid}.vng-quiz .brand .wm{letter-spacing:.22em;text-transform:uppercase;font-size:11px;font-weight:800}.vng-quiz .brand .wm i{color:var(--gold);font-style:normal}.vng-quiz .progress-wrap{align-items:center;gap:10px;display:flex}.vng-quiz .bar{background:var(--track);border-radius:99px;flex:1;height:6px;overflow:hidden}.vng-quiz .bar>i{background:linear-gradient(90deg, var(--gold-deep), var(--gold) 70%, var(--amber));border-radius:99px;width:0;height:100%;transition:width .5s cubic-bezier(.4,0,.2,1);display:block;box-shadow:0 0 12px #f2bb57b3}.vng-quiz .qcount{color:var(--gold);white-space:nowrap;font-variant-numeric:tabular-nums;font-size:10.5px;font-weight:700}.vng-quiz #app{flex-direction:column;flex:1;padding:20px 22px 34px;display:flex}.vng-quiz .step{display:none}.vng-quiz .step.on{flex-direction:column;flex:1;animation:.35s both stepIn;display:flex}@keyframes stepIn{0%{opacity:0}to{opacity:1}}.vng-quiz .step.on>*{animation:.5s cubic-bezier(.22,1,.36,1) backwards childIn}.vng-quiz .step.on>:nth-child(2){animation-delay:50ms}.vng-quiz .step.on>:nth-child(3){animation-delay:.1s}.vng-quiz .step.on>:nth-child(4){animation-delay:.15s}.vng-quiz .step.on>:nth-child(5){animation-delay:.2s}.vng-quiz .step.on>:nth-child(6){animation-delay:.25s}@keyframes childIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.vng-quiz .opts .opt{animation:.45s cubic-bezier(.22,1,.36,1) backwards optIn}.vng-quiz .opts .opt:first-child{animation-delay:.1s}.vng-quiz .opts .opt:nth-child(2){animation-delay:.16s}.vng-quiz .opts .opt:nth-child(3){animation-delay:.22s}.vng-quiz .opts .opt:nth-child(4){animation-delay:.28s}.vng-quiz .opts .opt:nth-child(5){animation-delay:.34s}.vng-quiz .opts .opt:nth-child(6){animation-delay:.4s}@keyframes optIn{0%{opacity:0;transform:translateY(14px)scale(.98)}to{opacity:1;transform:none}}.vng-quiz .eyebrow{letter-spacing:.16em;text-transform:uppercase;color:var(--eyebrow);align-items:center;gap:8px;margin-bottom:13px;font-size:11px;font-weight:700;display:flex}.vng-quiz .eyebrow:before{content:"";background:var(--gold);border-radius:2px;width:16px;height:2px}.vng-quiz h1{letter-spacing:-.02em;color:var(--head);margin-bottom:11px;font-size:25px;font-weight:800;line-height:1.2}.vng-quiz h1 .hl{color:var(--gold)}.vng-quiz .sub{color:var(--dim);margin-bottom:22px;font-size:14.5px;line-height:1.5}.vng-quiz .sub b{color:var(--text);font-weight:700}.vng-quiz .opts{flex-direction:column;gap:10px;margin-top:2px;display:flex}.vng-quiz .opt{background:var(--surface);border:1.5px solid var(--line);cursor:pointer;text-align:left;box-shadow:var(--shadow-card);color:inherit;border-radius:14px;align-items:center;gap:13px;width:100%;padding:16px;font-family:inherit;transition:transform .15s,border-color .15s,background .15s;display:flex}.vng-quiz .opt:hover{border-color:var(--gold);transform:translateY(-1px)}.vng-quiz .opt:active{transform:scale(.99)}.vng-quiz .opt.sel{border-color:var(--gold);background:linear-gradient(100deg,#f2bb572e,#f2bb570d);box-shadow:0 0 0 3px #f2bb571f,0 8px 22px -8px #f2bb5780}.vng-quiz .opt .tick{border:2px solid var(--line);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;transition:all .15s;display:flex}.vng-quiz .opt.sel .tick{border-color:var(--gold);background:var(--gold)}.vng-quiz .opt.sel .tick:after{content:"";background:var(--ink);border-radius:50%;width:7px;height:7px}.vng-quiz .opt .txt{color:var(--oncard);font-size:14.5px;font-weight:600;line-height:1.3}.vng-quiz .opt.sel .txt{color:var(--head)}.vng-quiz .field{margin-bottom:13px}.vng-quiz .field label{letter-spacing:.04em;color:var(--dim);text-transform:uppercase;margin-bottom:7px;font-size:11px;font-weight:700;display:block}.vng-quiz .field input,.vng-quiz .field textarea{background:var(--surface);border:1.5px solid var(--line);width:100%;color:var(--text);box-shadow:var(--shadow-card);border-radius:13px;padding:15px;font-family:inherit;font-size:16px;font-weight:500;transition:all .15s}.vng-quiz .field textarea{resize:vertical;min-height:120px;font-size:15.5px;line-height:1.55}.vng-quiz .field input:focus,.vng-quiz .field textarea:focus{border-color:var(--gold);outline:none;box-shadow:0 0 0 3px #f2bb571f}.vng-quiz .field input::placeholder,.vng-quiz .field textarea::placeholder{color:var(--mute);font-weight:400}.vng-quiz .telrow{gap:9px;display:flex}.vng-quiz .telrow .ddi{border:1.5px solid var(--line);background:var(--surface);color:var(--dim);border-radius:13px;flex:none;align-items:center;gap:6px;padding:0 14px;font-size:15px;font-weight:700;display:flex}.vng-quiz .telrow input{flex:1}.vng-quiz .alert{color:#ffc2a8;background:#ff7a4d1a;border:1px solid #ff7a4d66;border-radius:12px;margin-top:4px;padding:11px 13px;font-size:12.5px;font-weight:600;display:none}.vng-quiz .alert.on{display:block}.vng-quiz .subfield{margin-top:11px;display:none}.vng-quiz .cta{cursor:pointer;background:linear-gradient(90deg, var(--gold), var(--gold-deep));width:100%;color:var(--ink);box-shadow:var(--shadow-btn), inset 0 1px 0 #fff6;border:none;border-radius:14px;margin-top:auto;padding:17px;font-family:inherit;font-size:16px;font-weight:800;transition:transform .15s,box-shadow .15s;position:relative;overflow:hidden}.vng-quiz .cta:hover{transform:translateY(-2px);box-shadow:0 18px 40px -12px #f2bb578c,inset 0 1px #fff6}.vng-quiz .cta:active{transform:scale(.98)}.vng-quiz .cta:disabled{opacity:.45;filter:grayscale(.3);cursor:not-allowed;box-shadow:none;transform:none}.vng-quiz .cta:after{content:"";background:linear-gradient(105deg,#0000 20%,#ffffff59 50%,#0000 80%);width:55%;height:100%;animation:3.4s ease-in-out infinite ctashine;position:absolute;top:0;left:0;transform:translate(-170%)skew(-18deg)}@keyframes ctashine{0%,55%{transform:translate(-170%)skew(-18deg)}90%,to{transform:translate(330%)skew(-18deg)}}.vng-quiz .cta:disabled:after{display:none}.vng-quiz .backlink{color:var(--mute);cursor:pointer;background:0 0;border:none;margin:13px auto 0;padding:6px 10px;font-family:inherit;font-size:12.5px;font-weight:600;display:block}.vng-quiz .backlink:hover{color:var(--text)}.vng-quiz .btnnote{text-align:center;color:var(--dim);margin-top:11px;font-size:11.5px}.vng-quiz .btnnote b{color:var(--gold)}.vng-quiz .spacer{flex:1;min-height:16px}.vng-quiz .intro-badge{color:var(--gold);letter-spacing:.05em;text-transform:uppercase;background:#f2bb5729;border:1px solid #f2bb5773;border-radius:99px;align-self:flex-start;align-items:center;gap:7px;margin-bottom:15px;padding:6px 12px;font-size:11px;font-weight:700;display:inline-flex}.vng-quiz .intro-h{letter-spacing:-.025em;color:var(--head);margin:2px 0 13px;font-size:33px;font-weight:800;line-height:1.08}.vng-quiz .intro-h .hl{color:var(--gold)}.vng-quiz .hero{aspect-ratio:16/10;object-fit:cover;width:100%;box-shadow:var(--shadow-card);border-radius:16px;margin:4px 0 18px;display:block}.vng-quiz .statcard{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-card);border-radius:16px;margin:18px 0 2px;display:flex;overflow:hidden}.vng-quiz .statcard .sc{text-align:center;flex:1;padding:14px 8px}.vng-quiz .statcard .sc+.sc{border-left:1px solid var(--line2)}.vng-quiz .statcard .sc b{color:var(--text);font-variant-numeric:tabular-nums;font-size:22px;font-weight:800;line-height:1;display:block}.vng-quiz .statcard .sc span{color:var(--dim);margin-top:6px;font-size:10.5px;display:block}.vng-quiz .privacy{color:var(--dim);justify-content:center;align-items:center;gap:8px;margin-top:13px;font-size:11.5px;display:flex}.vng-quiz .privacy svg{width:14px;height:14px;fill:var(--green)}.vng-quiz .ring-wrap{width:96px;height:96px;margin:6px auto 20px;position:relative}.vng-quiz .ring-wrap:before{content:"";background:radial-gradient(circle,#f2bb574d,#0000 68%);border-radius:50%;animation:1.8s ease-in-out infinite pulse;position:absolute;inset:-6px}@keyframes pulse{0%,to{opacity:.45;transform:scale(.95)}50%{opacity:1;transform:scale(1.06)}}.vng-quiz .ring-wrap .rc{border:2px solid var(--gold);background:linear-gradient(160deg,#f2bb572e,#f2bb570a);border-radius:50%;place-items:center;font-size:38px;display:grid;position:absolute;inset:0}.vng-quiz .mrecap{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-card);border-radius:16px;margin:20px 0 4px;padding:6px 15px}.vng-quiz .mrow{border-bottom:1px solid var(--line2);text-align:left;align-items:flex-start;gap:12px;padding:12px 2px;font-size:13.5px;font-weight:600;line-height:1.4;display:flex}.vng-quiz .mrow:last-child{border-bottom:none}.vng-quiz .mrow .mi{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;margin-top:1px;display:flex}.vng-quiz .mrow.ok .mi{background:var(--gold);box-shadow:0 0 10px -1px #f2bb5799}.vng-quiz .mrow.ok .mi:after{content:"✓";color:var(--ink);font-size:12px;font-weight:800}.vng-quiz .mrow .ml{color:var(--oncard);flex:1;font-weight:500}.vng-quiz .mrow .ml b{color:var(--text);font-weight:700}