/* VIRAL Online Test Inline v1.2 — full-screen, visually matched to VOST v1.5 */
.voti-embed{
  --a:#00ffe1;--al:#8ffff2;--bg:#030706;--text:#fff;
  position:relative!important;left:50%!important;right:50%!important;
  margin-left:-50vw!important;margin-right:-50vw!important;
  width:100vw!important;max-width:none!important;min-height:100vh;min-height:100dvh;
  color:var(--text)!important;font-family:inherit!important;background:var(--bg)!important;
  overflow:hidden!important;isolation:isolate!important;
}
.voti-embed,.voti-embed *{box-sizing:border-box}
.voti-embed *{border-color:initial}
.voti-embed ::selection{background:#00ffe1!important;color:#00110e!important}
.voti-embed button,.voti-embed input{font-family:inherit!important;accent-color:#00ffe1!important;caret-color:#00ffe1!important}
.voti-embed button:focus,.voti-embed input:focus{outline:none!important}
.voti-app{
  position:relative!important;width:100%!important;max-width:none!important;min-height:100vh;min-height:100dvh;
  margin:0!important;padding:clamp(24px,4vh,44px) 22px!important;border:0!important;border-radius:0!important;
  background:linear-gradient(145deg,rgba(0,255,225,.035),transparent 27%),var(--bg)!important;
  box-shadow:none!important;color:#fff!important;overflow-x:hidden!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
}
.voti-app:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 50% 0,rgba(0,255,225,.055),transparent 38%)}
.voti-step{position:relative;z-index:1;width:min(94vw,760px);max-width:760px;margin:auto;color:#fff}
.voti-step[hidden]{display:none!important}
/* Intro: same typography/sizing language as the uploaded VOST v1.5 */
.voti-title{font-size:clamp(27px,4vw,42px)!important;line-height:1.05!important;font-weight:inherit;margin:0 0 24px!important;color:#fff!important;text-align:left!important}
.voti-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.voti-fields label{display:block!important;color:rgba(255,255,255,.68)!important;font-size:13px!important;font-weight:inherit!important;line-height:1.3!important}
.voti-fields input{width:100%!important;height:52px!important;margin-top:7px!important;border:1px solid rgba(0,255,225,.20)!important;border-radius:0!important;background:#07110f!important;color:#fff!important;padding:0 15px!important;outline:none!important;font:inherit!important;box-shadow:none!important;transition:.2s!important}
.voti-fields input:focus{border-color:#00ffe1!important;box-shadow:0 0 0 3px rgba(0,255,225,.08),0 0 24px rgba(0,255,225,.09)!important}
.voti-fields input:-webkit-autofill,.voti-fields input:-webkit-autofill:hover,.voti-fields input:-webkit-autofill:focus{-webkit-text-fill-color:#fff!important;-webkit-box-shadow:0 0 0 1000px #07110f inset!important;transition:background-color 9999s ease-out 0s}
.voti-error{margin-top:10px!important;color:#8ffff2!important;font-size:13px!important}
.voti-action{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;min-height:50px!important;margin-top:20px!important;padding:0 22px!important;border:0!important;border-radius:0!important;background:#00ffe1!important;color:#00110e!important;font:inherit!important;font-weight:800!important;letter-spacing:.01em!important;cursor:pointer!important;box-shadow:0 0 24px rgba(0,255,225,.20)!important;transition:transform .2s ease,box-shadow .2s ease!important}
.voti-action:hover,.voti-action:focus{background:#00ffe1!important;color:#00110e!important;border-color:#00ffe1!important;transform:translateY(-1px)!important;box-shadow:0 0 30px rgba(0,255,225,.28)!important}
/* Quiz */
.voti-head{display:flex!important;justify-content:space-between!important;gap:18px!important;color:rgba(255,255,255,.50)!important;font-size:11px!important;letter-spacing:.16em!important;font-weight:700!important}
.voti-head b{color:#8ffff2!important;font-size:13px!important}
.voti-progress{height:3px!important;background:rgba(255,255,255,.07)!important;border-radius:3px!important;margin:11px 0 30px!important;overflow:hidden!important}
.voti-progress span{display:block;height:100%;background:linear-gradient(90deg,#00ffe1,#8ffff2)!important;box-shadow:0 0 13px #00ffe1!important;transition:width .32s ease!important}
.voti-question{animation:voti-qin .22s ease}
.voti-qnum{font-size:12px!important;font-weight:800!important;letter-spacing:.20em!important;color:#00ffe1!important;margin-bottom:8px!important;text-align:left!important}
.voti-question h3{font-size:clamp(22px,3vw,34px)!important;line-height:1.18!important;color:#fff!important;margin:0 0 23px!important;letter-spacing:-.02em!important;font-weight:inherit!important;text-align:left!important}
.voti-answers{display:grid!important;gap:11px!important}
.voti-answer{width:100%!important;display:flex!important;align-items:center!important;gap:14px!important;text-align:left!important;padding:15px 17px!important;border:1px solid rgba(255,255,255,.10)!important;border-radius:0!important;background:rgba(255,255,255,.025)!important;color:rgba(255,255,255,.80)!important;font:inherit!important;cursor:pointer!important;box-shadow:none!important;transition:.18s ease!important;white-space:normal!important;overflow:visible!important}
.voti-answer:hover,.voti-answer:focus{border-color:rgba(0,255,225,.45)!important;background:rgba(0,255,225,.055)!important;color:#fff!important;transform:translateX(4px)!important}
.voti-answer.is-selected{border-color:#00ffe1!important;background:rgba(0,255,225,.12)!important;color:#fff!important}
.voti-mark{flex:0 0 34px!important;height:34px!important;border-radius:10px!important;display:grid!important;place-items:center!important;background:#07110f!important;border:1px solid rgba(0,255,225,.25)!important;color:#8ffff2!important;font-size:12px!important;font-weight:900!important}
.voti-answer.is-selected .voti-mark{background:#00ffe1!important;color:#00110d!important}
/* Result: same dimensions as VOST */
.voti-result{text-align:center!important;padding:7px 4px 2px!important}
.voti-ring{width:190px!important;height:190px!important;border-radius:50%!important;margin:0 auto 22px!important;padding:2px!important;background:conic-gradient(#00ffe1,#8ffff2,#00ffe1)!important;box-shadow:0 0 45px rgba(0,255,225,.25)!important;animation:voti-score-pulse 2.4s ease-in-out infinite!important;display:block!important}
.voti-score{height:100%!important;border-radius:50%!important;display:flex!important;align-items:center!important;justify-content:center!important;background:radial-gradient(circle,rgba(0,255,225,.10),#030706 67%)!important;color:#fff!important;font-size:64px!important;font-weight:850!important;letter-spacing:-.055em!important}
.voti-score small{font-size:18px!important;color:#00ffe1!important;letter-spacing:0!important;margin-top:31px!important}
.voti-result h3{font-size:clamp(25px,3.4vw,38px)!important;color:#fff!important;margin:0 0 10px!important;font-weight:inherit!important}
.voti-result p{max-width:590px!important;margin:0 auto 25px!important;color:rgba(255,255,255,.68)!important;font-size:16px!important;line-height:1.6!important}
.voti-result .voti-action{max-width:590px;margin:20px auto 0!important}
.voti-saving{opacity:.6;pointer-events:none}
@keyframes voti-qin{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@keyframes voti-score-pulse{50%{box-shadow:0 0 60px rgba(0,255,225,.34)}}
@media(max-width:767px){
 .voti-embed{min-height:100svh!important}
 .voti-app{min-height:100svh!important;align-items:flex-start!important;padding:18px 8px!important;overflow-y:auto!important}
 .voti-step{width:100%!important;max-width:none!important;padding:6px 7px 18px!important;margin:auto!important}
 .voti-title{font-size:29px!important;margin-bottom:20px!important}
 .voti-fields{grid-template-columns:1fr!important;gap:12px!important}
 .voti-progress{margin-bottom:20px!important}
 .voti-question h3{font-size:21px!important}
 .voti-answer{font-size:14px!important;padding:12px 11px!important;gap:10px!important;transform:none!important}
 .voti-answer:hover,.voti-answer:focus{transform:none!important}
 .voti-mark{flex-basis:30px!important;height:30px!important}
 .voti-ring{width:145px!important;height:145px!important}
 .voti-score{font-size:48px!important}
 .voti-result p{font-size:14px!important}
 .voti-action{height:auto!important;min-height:50px!important;padding:12px 16px!important;white-space:normal!important}
}

/* v1.3: reference typography, stand invitation and answer recap */
.voti-embed{font-family:Arial,Helvetica,sans-serif!important}
.voti-title{font-family:Arial,Helvetica,sans-serif!important;font-size:clamp(40px,5vw,64px)!important;font-weight:750!important;letter-spacing:-.035em!important;line-height:1.12!important}
.voti-fields label{font-size:18px!important;font-weight:400!important;letter-spacing:-.02em!important}
.voti-fields input{height:78px!important;border-radius:5px!important;font-size:20px!important}
.voti-action{width:auto!important;min-width:230px!important;min-height:76px!important;border-radius:5px!important;font-size:23px!important;font-weight:800!important}
.voti-question h3{font-family:Arial,Helvetica,sans-serif!important;font-size:clamp(30px,3.6vw,48px)!important;font-weight:750!important;letter-spacing:-.025em!important}
.voti-answer{font-family:Arial,Helvetica,sans-serif!important;font-size:clamp(17px,1.5vw,23px)!important;font-weight:600!important;border-radius:7px!important}
.voti-result{max-width:850px!important;padding:40px 12px!important}
.voti-stand{margin:36px auto 28px!important;max-width:750px!important}
.voti-stand-message{font-size:clamp(18px,2vw,23px)!important;line-height:1.65!important;color:#fff!important;white-space:pre-line!important;max-width:750px!important}
.voti-stand-image{display:block!important;width:100%!important;height:auto!important;max-height:460px!important;object-fit:contain!important;margin:25px auto!important;border-radius:14px!important}
.voti-stand-image[hidden]{display:none!important}
.voti-review{text-align:left!important;max-width:750px!important;margin:35px auto 0!important;border-top:1px solid rgba(0,255,225,.28)!important;padding-top:22px!important}
.voti-review h4{font-size:clamp(24px,3vw,34px)!important;color:#fff!important;margin:0 0 20px!important}
.voti-review ol{padding-left:25px!important;margin:0!important}
.voti-review li{padding:12px 0!important;color:#00ffe1!important;border-bottom:1px solid rgba(255,255,255,.12)!important;font-size:16px!important}
.voti-review li strong{display:block!important;color:#fff!important;font-weight:700!important;margin-bottom:7px!important}
.voti-review li span{display:block!important;color:#b9eae3!important;line-height:1.5!important}
@media(max-width:767px){.voti-title{font-size:clamp(32px,9vw,44px)!important}.voti-fields label{font-size:15px!important}.voti-fields input{height:56px!important;font-size:16px!important}.voti-action{width:100%!important;min-height:56px!important;font-size:18px!important}.voti-question h3{font-size:clamp(23px,6vw,31px)!important}.voti-answer{font-size:16px!important}.voti-result{padding:22px 10px!important}.voti-stand-message{font-size:17px!important}}

/* v1.4: prominent stand invitation, visible admin-selected image and clearer result copy */
.voti-result p[data-rcopy]{font-weight:550!important;color:rgba(255,255,255,.88)!important;font-size:clamp(17px,1.65vw,20px)!important;line-height:1.7!important;max-width:760px!important}
.voti-result .voti-stand{box-sizing:border-box!important;width:100%!important;max-width:800px!important;padding:clamp(20px,3.5vw,38px)!important;border:1px solid rgba(0,255,225,.58)!important;border-radius:22px!important;background:linear-gradient(135deg,rgba(0,255,225,.12),rgba(2,12,11,.94) 43%,rgba(0,255,225,.055))!important;box-shadow:inset 0 0 24px rgba(0,255,225,.055),0 12px 45px rgba(0,0,0,.25)!important}
.voti-result .voti-stand-message{max-width:710px!important;margin:0 auto 22px!important;font-size:clamp(18px,2vw,23px)!important;line-height:1.65!important;font-weight:650!important;white-space:pre-line!important;color:#fff!important}
.voti-result .voti-stand-image:not([hidden]){display:block!important;visibility:visible!important;opacity:1!important;max-width:100%!important;width:auto!important;height:auto!important;max-height:520px!important;object-fit:contain!important;margin:18px auto 0!important;border-radius:14px!important}
.voti-result .voti-stand-image[hidden]{display:none!important}
@media(max-width:767px){.voti-result .voti-stand{padding:20px 15px!important;border-radius:17px!important}.voti-result .voti-stand-message{font-size:17px!important;line-height:1.6!important}.voti-result p[data-rcopy]{font-size:16px!important}}

.voti-image-error{color:#ffdf99!important;font-size:15px!important;font-weight:500!important;margin:12px auto!important}

/* v1.7: heading above score, clearer stand invitation and bottom logo */
.voti-result .voti-result-headline{display:block!important;margin:0 auto 25px!important;max-width:800px!important;color:#fff!important;font-family:Arial,Helvetica,sans-serif!important;font-size:clamp(23px,2.8vw,34px)!important;line-height:1.23!important;font-weight:850!important;letter-spacing:.035em!important;text-transform:uppercase!important;text-align:center!important}
.voti-result .voti-ring{margin-bottom:26px!important}
.voti-result .voti-stand{border:1px solid rgba(0,255,225,.8)!important;background:linear-gradient(135deg,rgba(0,255,225,.15),rgba(3,16,15,.97) 44%,rgba(0,255,225,.10))!important;box-shadow:inset 0 0 32px rgba(0,255,225,.095),0 0 34px rgba(0,255,225,.12),0 16px 48px rgba(0,0,0,.34)!important}
.voti-result-logo-wrap{display:flex!important;justify-content:center!important;align-items:center!important;margin:44px auto 12px!important;max-width:420px!important}
.voti-result-logo-wrap[hidden]{display:none!important}
.voti-result-logo{display:block!important;max-width:min(78vw,360px)!important;width:auto!important;height:auto!important;max-height:170px!important;object-fit:contain!important}
@media(max-width:767px){.voti-result .voti-result-headline{font-size:clamp(21px,6vw,28px)!important;letter-spacing:.015em!important;margin-bottom:20px!important}.voti-result-logo-wrap{margin:30px auto 8px!important}.voti-result-logo{max-width:72vw!important;max-height:120px!important}}
