/* v33 arcade skin — overrides the shared order/test page styles. Remove the <link> to revert. */
:root{
  --navy:#F4EEFF; --slate:#E6DCFF; --mid:#B3A6D4; --light:#8E80B5;
  --border:rgba(179,166,212,.28); --bg-alt:#170838; --gold:#FFD23F; --gold-lt:rgba(255,210,63,.12);
  --green:#3DFF8B; --red:#FF4D6D; --radius:0px; --shadow:6px 6px 0 rgba(255,46,151,.18);
  --a-night:#0D0221; --a-pink:#FF2E97; --a-cyan:#22E4FF; --a-sun:#FFD23F; --a-panel:rgba(30,12,70,.6);
  --a-pixel:'Press Start 2P','Space Grotesk',sans-serif; --a-crt:'VT323',monospace; --a-body:'Space Grotesk',system-ui,sans-serif;
}
html,body{background:var(--a-night)!important;color:#F4EEFF!important}
body{font-family:var(--a-body)!important;-webkit-font-smoothing:antialiased}
body::after{content:"";position:fixed;inset:0;pointer-events:none;z-index:9999;background:repeating-linear-gradient(0deg,rgba(0,0,0,.18) 0 1px,transparent 1px 3px)}
a{color:var(--a-cyan)}

/* nav */
nav{background:rgba(13,2,33,.9)!important;border-bottom:1px solid rgba(255,46,151,.28)!important;box-shadow:none!important}
.nav-logo,.footer-logo{font-family:var(--a-pixel)!important;font-size:.72rem!important;color:#F4EEFF!important;letter-spacing:.02em}
.nav-logo span,.footer-logo span{color:var(--a-pink)!important}
.nav-back{font-family:var(--a-body)!important;font-size:.9rem!important;font-weight:600;color:#B3A6D4!important}
.nav-back:hover{color:var(--a-cyan)!important}

/* hero */
.hero{background:linear-gradient(180deg,#12052e,#2a0b55)!important;border-bottom:3px solid #5B2BA8;color:#F4EEFF!important;position:relative;overflow:hidden}
.hero::after{content:"";position:absolute;left:0;right:0;bottom:0;height:60px;pointer-events:none;
  background-image:linear-gradient(rgba(255,46,151,.6) 2px,transparent 2px),linear-gradient(90deg,rgba(255,46,151,.6) 2px,transparent 2px);background-size:46px 20px;
  -webkit-mask-image:linear-gradient(transparent,#000);mask-image:linear-gradient(transparent,#000)}
.hero h1{font-family:var(--a-pixel)!important;font-weight:400!important;line-height:1.4!important;font-size:clamp(1.05rem,2.6vw,1.6rem)!important;color:#F4EEFF!important;text-shadow:3px 3px 0 var(--a-pink),0 0 22px rgba(255,46,151,.55)}
.hero p{color:#E6DCFF!important;position:relative;z-index:1}
.hero-badge{font-family:var(--a-pixel)!important;font-size:.55rem!important;background:transparent!important;color:var(--a-cyan)!important;border:1px solid rgba(34,228,255,.5)!important;border-radius:0!important;text-shadow:0 0 8px rgba(34,228,255,.6)}
.hero-price{font-family:var(--a-crt)!important;font-size:3.4rem!important;color:var(--a-sun)!important;text-shadow:0 0 16px rgba(255,210,63,.6)}

/* cards */
.form-card,.card,.q-card{background:var(--a-panel)!important;border:2px solid rgba(91,43,168,.85)!important;border-radius:0!important;box-shadow:6px 6px 0 rgba(255,46,151,.18)!important;color:#F4EEFF!important}
.form-card.upsell{border-color:var(--a-sun)!important;box-shadow:6px 6px 0 rgba(255,210,63,.3)!important}
.card-title,.step-title,.card h2,.thankyou h2{font-family:var(--a-pixel)!important;font-weight:400!important;font-size:.82rem!important;line-height:1.6!important;color:#F4EEFF!important}
.card-heading{color:var(--a-cyan)!important}
.card-body,.card-body li,.card > p,.form-note,.paypal-note,.gate-note,.intent-note,.intro-list li,.result-desc,.disclaimer-note,.thankyou p{color:#B3A6D4!important}
.step-num{background:transparent!important;border:2px solid var(--a-pink)!important;color:var(--a-pink)!important;border-radius:0!important;font-family:var(--a-pixel)!important;font-size:.6rem!important}

/* buttons */
.paypal-btn,.submit-btn,.start-btn,.gate-submit,.result-cta,.q-next{font-family:var(--a-pixel)!important;font-weight:400!important;font-size:.68rem!important;letter-spacing:.02em;text-transform:uppercase;
  background:var(--a-sun)!important;color:var(--a-night)!important;border:2px solid var(--a-sun)!important;border-radius:0!important;box-shadow:4px 4px 0 var(--a-pink),0 0 22px rgba(255,210,63,.35)!important}
.paypal-btn:hover,.submit-btn:hover,.start-btn:hover,.gate-submit:hover,.result-cta:hover,.q-next:hover{box-shadow:4px 4px 0 var(--a-pink),0 0 36px rgba(255,210,63,.6)!important}
.paypal-btn:active,.submit-btn:active,.start-btn:active,.result-cta:active{transform:translate(2px,2px)}
.q-next:disabled,.q-next[disabled],.start-btn[disabled],.gate-submit[disabled]{opacity:.4;box-shadow:none!important}
.q-back,.copy-btn,.result-secondary,.result-secondary-link{font-family:var(--a-pixel)!important;font-size:.55rem!important;background:transparent!important;color:var(--a-cyan)!important;border:2px solid var(--a-cyan)!important;border-radius:0!important}
.copy-btn.copied{color:var(--green)!important;border-color:var(--green)!important}
.or-divider{color:#8E80B5!important}
.or-divider::before,.or-divider::after{background:rgba(179,166,212,.3)!important}

/* crypto box */
.crypto-box,.info-box,.next-step-box,.intro-caveat{background:rgba(8,1,26,.7)!important;border:1px dashed rgba(34,228,255,.45)!important;border-radius:0!important;color:#E6DCFF!important}
.crypto-row code{font-family:var(--a-crt)!important;font-size:1.05rem!important;background:#08011a!important;color:var(--green)!important;border:1px solid rgba(61,255,139,.3)!important;border-radius:0!important}
.crypto-net{color:var(--a-cyan)!important}

/* fields */
.field label{color:#E6DCFF!important}
.field label .optional{color:#8E80B5!important}
.field input,.field textarea,.field select{background:#08011a!important;color:#F4EEFF!important;border:2px solid rgba(91,43,168,.9)!important;border-radius:0!important;font-family:var(--a-body)!important}
.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--a-cyan)!important;box-shadow:0 0 0 3px rgba(34,228,255,.2)!important;outline:none}
.field input::placeholder,.field textarea::placeholder{color:#6f6396}
.agree-field{color:#B3A6D4!important}

/* choice tiles (formula/blueprint/test) */
.pill,.exp-card,.asset-btn,.clarity-card,.opt{background:rgba(8,1,26,.6)!important;border:2px solid rgba(91,43,168,.8)!important;border-radius:0!important;color:#E6DCFF!important}
.pill:hover,.exp-card:hover,.asset-btn:hover,.opt:hover{border-color:var(--a-cyan)!important}
.pill.selected,.exp-card.selected,.asset-btn.selected,.opt.selected,.clarity-card.selected{border-color:var(--a-sun)!important;background:rgba(255,210,63,.1)!important;color:#F4EEFF!important;box-shadow:3px 3px 0 var(--a-pink)!important}
.exp-label,.asset-name,.clarity-label,.q-text{color:#F4EEFF!important}
.exp-sub,.clarity-sub{color:#B3A6D4!important}
.verdict-chip{border-radius:0!important;font-family:var(--a-pixel)!important;font-size:.5rem!important}

/* strategy test specifics */
.q-num,.progress-label,.next-step-eyebrow,.result-meaning-label{font-family:var(--a-pixel)!important;font-size:.55rem!important;color:var(--a-cyan)!important}
.progress-track,.gauge-track{background:rgba(91,43,168,.45)!important;stroke:rgba(91,43,168,.6)}
.progress-fill{background:linear-gradient(90deg,var(--a-pink),var(--a-sun))!important;box-shadow:0 0 12px rgba(255,46,151,.6)}
.result-score{font-family:var(--a-crt)!important;color:var(--a-sun)!important;text-shadow:0 0 18px rgba(255,210,63,.6)}
.result-band{font-family:var(--a-pixel)!important;font-size:.6rem!important;border-radius:0!important}
.diag-col h3{font-family:var(--a-pixel)!important;font-weight:400!important;font-size:.62rem!important}
.diag-cat{color:#E6DCFF!important}
.intro-list li::before{color:var(--a-pink)!important}
#cookie-consent{background:#170838!important;color:#E6DCFF!important;border-top:2px solid var(--a-pink)!important}
.cookie-btn{border-radius:0!important}

/* thank-you + footer */
.thankyou{background:var(--a-panel)!important;border:2px solid var(--green)!important;border-radius:0!important}
.thankyou .ty-icon{filter:drop-shadow(0 0 10px rgba(61,255,139,.7))}
footer{background:#08011a!important;border-top:1px solid rgba(255,46,151,.28)!important;color:#8E80B5!important}
footer p{color:#8E80B5!important}
footer a{color:#B3A6D4!important}
footer a:hover{color:var(--a-cyan)!important}

.cookie-accept{background:var(--a-sun)!important;color:var(--a-night)!important;border:2px solid var(--a-sun)!important}
.cookie-btn:not(.cookie-accept){background:transparent!important;color:#E6DCFF!important;border:2px solid rgba(179,166,212,.5)!important}
