/* Route-only Socionics quiz styles. Generated from home.css during the 20260528 CSS split. */
.quiz-section{position:relative;overflow:hidden;padding:7rem 3rem;background:transparent;}
.quiz-wrap{position:relative;z-index:1;max-width:720px;margin:0 auto;}
.hero-quiz{scroll-margin-top:7rem;}
.hero-quiz-shell{position:relative;overflow:hidden;border:1px solid rgba(150,205,220,.14);background:linear-gradient(135deg,rgba(6,13,24,.78),rgba(7,12,24,.5));box-shadow:0 28px 80px rgba(0,0,0,.32),inset 0 0 32px rgba(34,211,238,.025);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);}
.hero-quiz-shell::before{content:'';position:absolute;z-index:0;top:0;left:0;right:0;height:1px;background:linear-gradient(to right,transparent,rgba(34,211,238,.58),transparent);opacity:.75;}
.hero-quiz-shell::after{content:'';position:absolute;z-index:0;inset:0;pointer-events:none;background:radial-gradient(circle at 16% 8%,rgba(34,211,238,.09),transparent 22%),radial-gradient(circle at 88% 18%,rgba(168,85,247,.06),transparent 26%),linear-gradient(135deg,rgba(255,255,255,.022),transparent 42%);opacity:.9;}
.hero-quiz-shell > *{position:relative;z-index:1;}
.hq-progress{position:relative;z-index:1;padding:1.4rem 2rem;border-bottom:1px solid rgba(150,205,220,.11);display:flex;align-items:center;gap:1.4rem;background:rgba(3,8,16,.25);}
.hq-prog-label{font-family:'Share Tech Mono',monospace;font-size:.55rem;letter-spacing:.3em;color:rgba(34,211,238,.5);white-space:nowrap;}
.hq-prog-track{flex:1;height:3px;background:rgba(34,211,238,.08);position:relative;overflow:hidden;border-radius:2px;}
.hq-prog-fill{height:100%;background:linear-gradient(to right,var(--teal),rgba(34,211,238,.7));width:0%;transition:width .6s cubic-bezier(.4,0,.2,1);border-radius:2px;position:relative;}
.hq-prog-fill::after{content:'';position:absolute;right:0;top:0;bottom:0;width:20px;background:linear-gradient(to right,transparent,rgba(255,255,255,.4));animation:progShimmer 1.5s ease infinite;}
@keyframes progShimmer{0%,100%{opacity:0;}50%{opacity:1;}}
.hq-prog-num{font-family:'Share Tech Mono',monospace;font-size:.6rem;letter-spacing:.15em;color:rgba(34,211,238,.6);white-space:nowrap;min-width:150px;text-align:right;}
.hq-scene{display:none;position:relative;z-index:1;padding:1.05rem 2rem 0;border-bottom:1px solid rgba(150,205,220,.08);background:linear-gradient(to bottom,rgba(2,8,16,.34),rgba(2,8,16,0));}
.hq-scene-frame{width:min(360px,100%);height:150px;margin:0 auto .75rem;display:flex;align-items:center;justify-content:center;position:relative;border:1px solid rgba(34,211,238,.12);border-radius:999px;background:radial-gradient(circle at 50% 50%,rgba(34,211,238,.09),transparent 44%),linear-gradient(135deg,rgba(255,255,255,.035),rgba(255,255,255,.006));box-shadow:0 0 48px rgba(34,211,238,.08),inset 0 0 38px rgba(34,211,238,.025);overflow:hidden;color:rgba(120,232,248,.92);}
.hq-scene-frame::before,.hq-scene-frame::after{content:'';position:absolute;inset:18px;border:1px solid rgba(34,211,238,.12);border-radius:999px;pointer-events:none;}
.hq-scene-frame::after{inset:42px;border-color:rgba(168,85,247,.1);}
.hq-scene-orbital{position:absolute;width:72%;aspect-ratio:1;border-radius:50%;border:1px dashed rgba(34,211,238,.13);animation:hqSceneSpin 36s linear infinite;}
.hq-scene svg{position:relative;z-index:2;width:132px;height:132px;overflow:visible;filter:drop-shadow(0 0 10px rgba(34,211,238,.24));}
.hq-scene-path{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:opacity .35s ease;}
.hq-scene-path.thin{stroke-width:1;}
.hq-scene-path.wide{stroke-width:3.5;}
.hq-scene-path.dash{stroke-dasharray:4 5;}
.hq-scene-path.fill-soft{fill:currentColor;fill-opacity:.16;}
.hq-scene-dot{fill:currentColor;filter:drop-shadow(0 0 7px rgba(103,232,249,.78));transform-origin:center;}
.hq-scene-dot.tiny{r:2;}
.hq-scene-dot.muted{opacity:.45;}
.hq-scene-orbit{fill:none;stroke:currentColor;stroke-width:1;stroke-dasharray:3 5;transform-origin:50px 50px;}
.hq-scene-night{fill:rgba(0,0,0,.78);}
.hq-scene .pulse{animation:hqScenePulse 1.7s ease-in-out infinite;}
.hq-scene .float{animation:hqSceneFloat 2.7s ease-in-out infinite;}
.hq-scene .tremble{animation:hqSceneTremble .22s linear infinite;}
.hq-scene .spin{animation:hqSceneSpin 18s linear infinite;transform-origin:50px 50px;}
.hq-scene .wave{animation:hqSceneWave 2.8s ease-in-out infinite;}
.hq-scene .glint{animation:hqSceneGlint 1.9s ease-in-out infinite;}
.hq-scene .quick-cross{animation:hqSceneQuick 1.1s ease-out infinite;}
.hq-scene .slow-cross{animation:hqSceneSlow 3.2s linear infinite;}
.hq-scene .return-route{animation:hqSceneReturn 2.3s ease-in-out infinite;}
.hq-scene .wide-route{animation:hqSceneWide 2.8s ease-in-out infinite;}
.hq-ritual{position:relative;z-index:1;padding:.85rem 2rem .95rem;border-bottom:1px solid rgba(150,205,220,.08);background:linear-gradient(90deg,transparent,rgba(34,211,238,.04),rgba(168,85,247,.035),transparent);}
.hq-ritual[hidden]{display:none!important;}
.hq-ritual-inner{width:min(960px,100%);margin:0 auto;text-align:center;}
.hq-ritual-kicker{display:block;font-family:'Share Tech Mono',monospace;font-size:.5rem;letter-spacing:.28em;text-transform:uppercase;color:rgba(34,211,238,.52);margin-bottom:.45rem;}
.hq-ritual p{margin:0 auto;font-family:'Rajdhani',sans-serif;font-size:.95rem;line-height:1.62;letter-spacing:0;color:rgba(213,230,235,.68);max-width:820px;}
@keyframes hqSceneSpin{to{transform:rotate(360deg);}}
@keyframes hqScenePulse{0%,100%{opacity:.35;transform:scale(1);}50%{opacity:.9;transform:scale(1.08);}}
@keyframes hqSceneFloat{0%,100%{transform:translateY(0);}50%{transform:translateY(-4px);}}
@keyframes hqSceneTremble{0%,100%{transform:translate(0,0);}25%{transform:translate(1px,-1px);}75%{transform:translate(-1px,1px);}}
@keyframes hqSceneWave{0%,100%{transform:translateX(-1px);}50%{transform:translateX(3px);}}
@keyframes hqSceneGlint{0%,100%{opacity:.35;}50%{opacity:1;}}
@keyframes hqSceneQuick{0%{transform:translateX(-38px);}70%,100%{transform:translateX(0);}}
@keyframes hqSceneSlow{0%{transform:translateX(-38px);}100%{transform:translateX(0);}}
@keyframes hqSceneReturn{0%,100%{transform:translate(32px,-30px);}50%{transform:translate(-32px,30px);}}
@keyframes hqSceneWide{0%,100%{transform:translate(32px,-30px);}33%{transform:translate(-28px,-28px);}66%{transform:translate(-32px,30px);}}
#hq-q-inner{transition:opacity .22s ease,transform .22s ease;}
#hq-q-inner.fading{opacity:0;transform:translateY(6px);}
.hq-body{position:relative;z-index:1;padding:2.35rem 2rem 1.65rem;}
.hq-q-num{font-family:'Share Tech Mono',monospace;font-size:.52rem;letter-spacing:.4em;color:rgba(34,211,238,.4);margin-bottom:.8rem;}
.hq-q-text{max-width:62ch;font-family:'Rajdhani',sans-serif;font-size:1.18rem;font-weight:500;color:rgba(232,245,248,.86);line-height:1.66;letter-spacing:0;margin-bottom:1.7rem;text-align:left;text-wrap:pretty;}
.hq-q-text span{display:block;}
.hq-q-intro{font-family:'Rajdhani',sans-serif;font-size:.98rem;font-weight:400;line-height:1.72;letter-spacing:0;color:rgba(212,229,234,.72);margin-bottom:1.35rem;}
.hq-q-main{white-space:pre-line;letter-spacing:0;}
.hq-q-hint{font-family:'Share Tech Mono',monospace;font-size:.56rem;font-weight:400;letter-spacing:.12em;text-transform:uppercase;color:rgba(34,211,238,.48);margin-top:1rem;}
.hq-options{display:flex;flex-direction:column;gap:.68rem;}
.hq-opt{display:flex;align-items:flex-start;gap:.9rem;width:100%;padding:1rem 1.15rem;border:1px solid rgba(170,215,228,.13);background:rgba(6,13,24,.4);color:inherit;font:inherit;appearance:none;cursor:none;transition:border-color .2s,background .2s,box-shadow .2s,transform .2s;position:relative;overflow:hidden;text-align:left;}
.hq-opt:hover{border-color:rgba(34,211,238,.32);background:rgba(12,25,50,.52);box-shadow:0 0 26px rgba(34,211,238,.06);}
.hq-opt:focus-visible,.hq-btn:focus-visible{outline:2px solid rgba(34,211,238,.75);outline-offset:3px;}
.hq-opt.selected{border-color:rgba(34,211,238,.58);background:rgba(34,211,238,.075);box-shadow:0 0 24px rgba(34,211,238,.12);transform:translateY(-1px);}
.hq-bullet{width:12px;height:12px;border:1px solid rgba(34,211,238,.3);border-radius:50%;flex-shrink:0;margin-top:.2rem;transition:all .25s;background:transparent;position:relative;}
.hq-opt.selected .hq-bullet{border-color:var(--teal);background:var(--teal);box-shadow:0 0 0 0 rgba(34,211,238,.5);animation:bulletPulse .5s ease forwards;}
.hq-opt[data-multi="true"] .hq-bullet{border-radius:2px;}
@keyframes bulletPulse{0%{box-shadow:0 0 0 0 rgba(34,211,238,.6);}60%{box-shadow:0 0 0 7px rgba(34,211,238,0);}100%{box-shadow:0 0 0 0 rgba(34,211,238,0);}}
.hq-opt-text{font-family:'Rajdhani',sans-serif;font-size:1rem;font-weight:400;letter-spacing:0;color:rgba(215,230,234,.76);line-height:1.58;transition:color .2s;}
.hq-opt.selected .hq-opt-text{color:rgba(244,251,253,.94);}
.hq-footer{position:relative;z-index:1;padding:1.2rem 2rem;border-top:1px solid rgba(150,205,220,.11);display:flex;justify-content:space-between;align-items:center;background:rgba(3,8,16,.18);}
.hq-btn{font-family:'Share Tech Mono',monospace;font-size:.62rem;letter-spacing:.2em;text-transform:uppercase;padding:.75rem 1.8rem;border:1px solid rgba(34,211,238,.35);color:var(--ice);background:rgba(34,211,238,.07);cursor:none;transition:all .3s;}
.hq-btn:hover{border-color:var(--teal);background:rgba(34,211,238,.14);box-shadow:0 0 20px rgba(34,211,238,.15);}
.hq-btn:disabled{opacity:.3;pointer-events:none;}
.hq-btn.ghost{background:transparent;border-color:rgba(120,160,180,.2);color:rgba(180,210,220,.4);}
.hq-btn.ghost:hover{border-color:rgba(120,160,180,.4);color:var(--ice);}
.hq-result{--result-color:var(--teal);--result-rgb:34,211,238;--teal:var(--result-color);padding:0;text-align:center;display:none;overflow:hidden;}
.hq-result-top{height:2px;background:linear-gradient(to right,transparent,var(--result-color,var(--teal)),transparent);transform:scaleX(0);animation:resultLineIn .6s ease .1s forwards;}
@keyframes resultLineIn{to{transform:scaleX(1);}}
.hq-result-inner{padding:2.8rem 2rem 2.2rem;}
.hq-result-orb{width:56px;height:56px;margin:0 auto 1.8rem;position:relative;opacity:0;animation:fadeUp .6s ease .3s forwards;}
.hq-result-orb svg{width:100%;height:100%;}
.hq-result-code{font-family:'Cormorant Garamond',serif;font-size:5rem;font-weight:700;color:var(--result-color,var(--teal));line-height:1;margin-bottom:.35rem;letter-spacing:.08em;display:flex;justify-content:center;gap:.04em;}
.hq-result-code .rc-letter{opacity:0;transform:translateY(12px);display:inline-block;text-shadow:0 0 40px rgba(var(--result-rgb,34,211,238),.6);}
.hq-result-code .rc-letter.in{animation:letterIn .4s cubic-bezier(.2,0,.2,1) forwards;}
@keyframes letterIn{to{opacity:1;transform:none;}}
.hq-result-name{font-family:'Share Tech Mono',monospace;font-size:.6rem;letter-spacing:.35em;text-transform:uppercase;color:color-mix(in srgb,var(--result-color,var(--teal)) 66%,rgba(255,255,255,.36));margin-bottom:1.5rem;opacity:0;animation:fadeUp .5s ease .9s forwards;}
.hq-result-desc{font-family:'Cormorant Garamond',serif;font-size:1.05rem;font-style:italic;color:var(--muted);line-height:1.85;max-width:480px;margin:0 auto 1.8rem;opacity:0;animation:fadeUp .5s ease 1.1s forwards;}
.hq-result-funcs{display:flex;gap:.4rem;justify-content:center;flex-wrap:wrap;margin-bottom:1.5rem;opacity:0;animation:fadeUp .5s ease 1.25s forwards;}
.hq-rf{font-family:'Share Tech Mono',monospace;font-size:.58rem;padding:.25rem .65rem;border:1px solid rgba(var(--result-rgb,34,211,238),.3);color:var(--result-color,var(--teal));background:rgba(var(--result-rgb,34,211,238),.06);}
.hq-rf.dim{border-color:rgba(120,160,180,.15);color:rgba(120,160,180,.4);background:transparent;}
.hq-result-note{font-family:'Share Tech Mono',monospace;font-size:.55rem;letter-spacing:.1em;color:rgba(120,160,180,.35);margin-bottom:1.8rem;line-height:1.8;opacity:0;animation:fadeUp .5s ease 1.4s forwards;}
.hq-result-actions{display:flex;gap:.8rem;justify-content:center;flex-wrap:wrap;opacity:0;animation:fadeUp .5s ease 1.55s forwards;}
.hq-result-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:200px;height:200px;background:radial-gradient(circle,rgba(var(--result-rgb,34,211,238),.12) 0%,transparent 70%);pointer-events:none;opacity:0;animation:glowFade .8s ease .5s forwards;}
@keyframes glowFade{to{opacity:1;}}
.hq-retake{font-family:'Share Tech Mono',monospace;font-size:.6rem;letter-spacing:.2em;text-transform:uppercase;padding:.75rem 1.6rem;border:1px solid rgba(120,160,180,.2);color:rgba(180,210,220,.5);background:transparent;cursor:none;transition:all .3s;}
.hq-retake:hover{border-color:rgba(120,160,180,.4);color:var(--ice);}
.hq-book{font-family:'Share Tech Mono',monospace;font-size:.6rem;letter-spacing:.2em;text-transform:uppercase;padding:.75rem 1.6rem;border:1px solid rgba(var(--result-rgb,34,211,238),.35);color:var(--ice);background:rgba(var(--result-rgb,34,211,238),.08);text-decoration:none;cursor:none;transition:all .3s;}
.hq-book:hover{border-color:var(--result-color,var(--teal));background:rgba(var(--result-rgb,34,211,238),.15);box-shadow:0 0 20px rgba(var(--result-rgb,34,211,238),.15);}
.hq-view-type{font-family:'Share Tech Mono',monospace;font-size:.6rem;letter-spacing:.2em;text-transform:uppercase;padding:.75rem 1.6rem;border:1px solid rgba(var(--result-rgb,34,211,238),.6);color:var(--result-color,var(--teal));background:rgba(var(--result-rgb,34,211,238),.05);cursor:none;transition:all .3s;}
.hq-view-type:hover{border-color:var(--result-color,var(--teal));background:rgba(var(--result-rgb,34,211,238),.12);box-shadow:0 0 20px rgba(var(--result-rgb,34,211,238),.2);}
.hq-result-breakdown{margin:1.8rem auto 1.4rem;max-width:500px;padding:1.4rem 1.2rem;border:1px solid rgba(34,211,238,.12);background:rgba(8,17,31,.52);position:relative;overflow:hidden;opacity:0;animation:fadeUp .5s ease 1.32s forwards;}
.hq-result-breakdown::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(to right,transparent,var(--teal),transparent);}
.hq-breakdown-title{font-family:'Share Tech Mono',monospace;font-size:.52rem;letter-spacing:.32em;text-transform:uppercase;color:rgba(34,211,238,.55);margin-bottom:.75rem;}
.hq-breakdown-copy{font-family:'Share Tech Mono',monospace;font-size:.55rem;letter-spacing:.08em;color:rgba(180,210,220,.42);line-height:1.8;margin:.8rem auto;}
.hq-signal-list{display:flex;justify-content:center;flex-wrap:wrap;gap:.45rem;margin:.9rem 0;}
.hq-confidence,.hq-alternatives{display:flex;justify-content:center;align-items:center;gap:.55rem;flex-wrap:wrap;font-family:'Share Tech Mono',monospace;font-size:.55rem;letter-spacing:.12em;color:rgba(180,210,220,.45);margin:.7rem auto;opacity:0;animation:fadeUp .5s ease 1.42s forwards;}
.hq-confidence strong{color:var(--teal);font-weight:500;}
.hq-warning{max-width:520px;margin:1rem auto 1.6rem;padding:1rem 1.2rem;border:1px solid rgba(200,160,80,.18);background:rgba(200,160,80,.045);font-family:'Share Tech Mono',monospace;font-size:.52rem;letter-spacing:.08em;color:rgba(220,200,160,.55);line-height:1.75;opacity:0;animation:fadeUp .5s ease 1.5s forwards;}
@media(max-width:700px){.hq-result-breakdown{padding:1.2rem .95rem}.hq-confidence,.hq-alternatives{font-size:.5rem}}
@media(max-width:700px){.hq-result-actions{flex-direction:column;align-items:center;}.hq-footer{flex-direction:column;gap:.8rem;}.hq-options{gap:.5rem;}.hq-opt{padding:.8rem 1rem;}}
.hq-result-orb.type-result-sigil{width:78px;height:78px;margin-bottom:1.4rem;--tc:var(--result-color,var(--teal));filter:drop-shadow(0 0 24px rgba(var(--result-rgb,34,211,238),.24));}
.hq-result-orb.type-result-sigil::before,
.hq-result-orb.type-result-sigil::after{content:'';position:absolute;inset:-13%;border:1px solid rgba(var(--result-rgb,34,211,238),.18);border-radius:50%;pointer-events:none;animation:hqResultSigilOrbit 18s linear infinite;}
.hq-result-orb.type-result-sigil::after{inset:7%;border-style:dashed;opacity:.58;animation-duration:26s;animation-direction:reverse;}
.hq-result-orb.type-result-sigil .type-sigil{width:100%;height:100%;color:var(--result-color,var(--teal));position:relative;display:inline-flex;align-items:center;justify-content:center;filter:drop-shadow(0 0 14px rgba(var(--result-rgb,34,211,238),.34));animation:hqResultSigilBreath 5.4s ease-in-out infinite;}
.hq-result-orb.type-result-sigil .type-sigil svg{width:100%;height:100%;display:block;overflow:visible;}
.hq-result-orb.type-result-sigil .type-sigil :is(.sg-orbit,.sg-counter,.sg-pulse,.sg-draw,.sg-flicker,.sg-fluid-spin,.sg-fluid-spin-reverse,.sg-fluid-pulse,.sg-fluid-float){transform-box:fill-box;transform-origin:center;}
.hq-result-orb.type-result-sigil .type-sigil .sg-orbit{animation:sgOrbit 18s linear infinite;}
.hq-result-orb.type-result-sigil .type-sigil .sg-counter{animation:sgOrbitReverse 24s linear infinite;}
.hq-result-orb.type-result-sigil .type-sigil .sg-pulse{animation:sgPulse 2.8s ease-in-out infinite;}
.hq-result-orb.type-result-sigil .type-sigil .sg-draw{stroke-dasharray:280;stroke-dashoffset:280;animation:sgDraw 2.4s ease forwards;}
.hq-result-orb.type-result-sigil .type-sigil .sg-flicker{animation:sgFlicker 4.5s ease-in-out infinite;}
.hq-result-orb.type-result-sigil .type-sigil--fluid .sg-fluid-glow{filter:drop-shadow(0 0 8px currentColor) drop-shadow(0 0 20px rgba(var(--result-rgb,34,211,238),.24));}
.hq-result-orb.type-result-sigil .type-sigil--fluid .sg-fluid-origin-bottom{transform-origin:50% 90%;}
.hq-result-orb.type-result-sigil .type-sigil--fluid .sg-fluid-spin{animation:sgFluidSpin 15s linear infinite;}
.hq-result-orb.type-result-sigil .type-sigil--fluid .sg-fluid-spin-reverse{animation:sgFluidSpinReverse 20s linear infinite;}
.hq-result-orb.type-result-sigil .type-sigil--fluid .sg-fluid-pulse{animation:sgFluidPulse 3s ease-in-out infinite;}
.hq-result-orb.type-result-sigil .type-sigil--fluid .sg-fluid-float{animation:sgFluidFloat 4.4s ease-in-out infinite;}
@keyframes hqResultSigilOrbit{to{transform:rotate(360deg);}}
@keyframes hqResultSigilBreath{0%,100%{transform:scale(.98);opacity:.86;}50%{transform:scale(1.035);opacity:1;}}
@keyframes sgOrbit{to{transform:rotate(360deg);}}
@keyframes sgOrbitReverse{to{transform:rotate(-360deg);}}
@keyframes sgPulse{0%,100%{opacity:.45;transform:scale(.98);}50%{opacity:1;transform:scale(1.03);}}
@keyframes sgDraw{to{stroke-dashoffset:0;}}
@keyframes sgFlicker{0%,100%{opacity:.55;}50%{opacity:1;}}
@keyframes sgFluidSpin{to{transform:rotate(360deg);}}
@keyframes sgFluidSpinReverse{to{transform:rotate(-360deg);}}
@keyframes sgFluidPulse{0%,100%{opacity:.42;transform:scale(.95);}50%{opacity:1;transform:scale(1.055);}}
@keyframes sgFluidFloat{0%,100%{transform:translateY(-3px);}50%{transform:translateY(4px);}}
#quiz-page{
  display:none;
  position:relative;
  z-index:10;
  min-height:100vh;
  padding-top:5rem;
  background:
    radial-gradient(ellipse 76% 42% at 54% -12%,rgba(126,112,255,.2),transparent 72%),
    radial-gradient(ellipse 44% 36% at 86% 18%,rgba(192,132,252,.12),transparent 68%),
    radial-gradient(ellipse 40% 34% at 12% 22%,rgba(34,211,238,.11),transparent 70%),
    #040a13;
}
#quiz-page::before,
#quiz-page::after{
  content:'';
  position:absolute;
  inset:0;
  pointer-events:none;
}
#quiz-page::before{
  z-index:0;
  background:
    radial-gradient(circle at 12% 18%,rgba(226,246,255,.74) 0 1.1px,transparent 1.9px),
    radial-gradient(circle at 74% 14%,rgba(226,246,255,.52) 0 1px,transparent 1.8px),
    radial-gradient(circle at 28% 66%,rgba(34,211,238,.5) 0 1px,transparent 1.9px),
    radial-gradient(circle at 88% 72%,rgba(226,246,255,.42) 0 1px,transparent 1.8px),
    radial-gradient(circle at 46% 36%,rgba(255,255,255,.36) 0 1px,transparent 1.7px);
  background-size:260px 260px,360px 360px,320px 320px,430px 430px,300px 300px;
  opacity:.34;
}
#quiz-page::after{
  z-index:0;
  background:
    linear-gradient(120deg,transparent 12%,rgba(34,211,238,.035) 12.3%,transparent 25%),
    radial-gradient(ellipse 58% 34% at 50% 12%,rgba(34,211,238,.1),transparent 72%);
  opacity:.82;
}
#quiz-page > *{position:relative;z-index:1;}
#quiz-page .quiz-section{
  min-height:calc(100vh - 5rem);
  display:flex;
  align-items:center;
  padding-top:4rem;
  padding-bottom:6rem;
}
.quiz-page-back{
  display:inline-flex;
  align-items:center;
  gap:.7rem;
  font-family:'Share Tech Mono',monospace;
  font-size:.58rem;
  letter-spacing:.2em;
  text-transform:uppercase;
  color:rgba(34,211,238,.5);
  cursor:none;
  padding:0 3rem;
  margin-top:2rem;
  margin-bottom:1rem;
  transition:color .3s;
  background:none;
  border:none;
}
.quiz-page-back:hover{color:var(--teal);}
.quiz-page-back svg{transition:transform .3s;}
.quiz-page-back:hover svg{transform:translateX(-3px);}
@media(max-width:700px){
  #quiz-page .quiz-section{
    align-items:flex-start;
    padding:2.5rem 1.5rem 5rem;
  }
  .quiz-page-back{
    padding:0 1.5rem;
    margin-top:1.5rem;
  }}
.hq-q-text{font-size:1.18rem !important;}
.hq-opt-text{font-size:1rem !important;}
.hq-result-desc{font-size:1.16rem !important;}
@media(max-width:700px){
  .hq-body{padding:2rem 1.25rem 1.35rem;}
  .hq-progress{padding:1.2rem 1.25rem;gap:.9rem;align-items:flex-start;flex-direction:column;}
  .hq-prog-track{width:100%;}
  .hq-prog-num{min-width:0;text-align:left;}
  .hq-q-text{font-size:1.06rem !important;line-height:1.68;}
  .hq-opt-text{font-size:.96rem !important;line-height:1.55;}}
.quiz-actions,.hq-actions,.quiz-nav,.hq-nav,.hq-footer{position:sticky!important;bottom:0!important;z-index:20!important;background:linear-gradient(to top,rgba(5,12,22,.98),rgba(5,12,22,.86) 70%,transparent)!important;border-top:1px solid rgba(34,211,238,.13)!important;padding:1rem 1rem calc(1rem + env(safe-area-inset-bottom))!important;margin:2rem -1rem -1rem!important;display:flex!important;justify-content:center!important;gap:.8rem!important;backdrop-filter:blur(10px)}
.quiz-actions button,.hq-actions button,.quiz-nav button,.hq-nav button,.hq-footer button{min-width:145px}.quiz-actions button:not(:disabled):last-child,.hq-actions button:not(:disabled):last-child,.quiz-nav button:not(:disabled):last-child,.hq-nav button:not(:disabled):last-child,.hq-footer button:not(:disabled):last-child{box-shadow:0 0 28px rgba(34,211,238,.12);border-color:rgba(34,211,238,.42)!important}
.quiz-progress,.hq-progress{position:relative;overflow:hidden}.quiz-progress::after{content:'';position:absolute;top:0;bottom:0;left:0;width:var(--quiz-progress,4%);background:linear-gradient(to right,rgba(34,211,238,.18),rgba(34,211,238,.55));box-shadow:0 0 18px rgba(34,211,238,.3);transition:width .35s ease}.hq-progress::after{display:none!important}
@media(max-width:700px){.quiz-actions,.hq-actions,.quiz-nav,.hq-nav,.hq-footer{margin-left:-1.25rem!important;margin-right:-1.25rem!important}.quiz-actions button,.hq-actions button,.quiz-nav button,.hq-nav button,.hq-footer button{min-width:0;flex:1}}
.hq-result-breakdown,.hq-confidence,.hq-alternatives,.hq-warning,.hq-result-actions{display:none!important}
.hq-result-funcs,.hq-result-breakdown,.hq-result-actions{display:none!important}
.hq-confidence{display:flex!important}
.hq-alternatives{display:flex!important}
.hq-warning{display:block!important}
.hq-result-funcs{display:flex!important}
.result-v47-upgrade{margin-top:2rem;display:block;text-align:left;}
.result-v47-upgrade :is(.result-signal-panel,.result-dichotomy-panel,.result-dual-panel,.result-life-panel,.result-relationship-panel,.result-typing-panel,.result-action-hub,.result-next-steps,.result-share-panel,.result-meaning-panel,.result-stack-visual){width:min(900px,100%);margin:1.35rem auto 0;border:1px solid rgba(126,213,232,.16);background:radial-gradient(circle at 12% 0%,rgba(34,211,238,.075),transparent 36%),radial-gradient(circle at 92% 20%,rgba(192,132,252,.07),transparent 40%),linear-gradient(135deg,rgba(8,17,31,.76),rgba(6,12,24,.46));box-shadow:0 24px 74px rgba(0,0,0,.26),inset 0 0 32px rgba(255,255,255,.018);position:relative;overflow:hidden;text-align:left;}
.result-v47-upgrade :is(.result-signal-panel,.result-dichotomy-panel,.result-dual-panel,.result-life-panel,.result-relationship-panel,.result-typing-panel,.result-action-hub,.result-next-steps,.result-share-panel,.result-meaning-panel,.result-stack-visual)::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(to right,transparent,rgba(34,211,238,.7),rgba(192,132,252,.35),transparent);opacity:.86;}
.result-v47-upgrade :is(.result-signal-panel,.result-dichotomy-panel,.result-dual-panel,.result-life-panel,.result-relationship-panel,.result-typing-panel,.result-action-hub,.result-next-steps,.result-share-panel,.result-meaning-panel,.result-stack-visual)::after{content:'';position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(circle at 18% 26%,rgba(255,255,255,.28) 0 1px,transparent 1.8px),radial-gradient(circle at 74% 64%,rgba(34,211,238,.22) 0 1px,transparent 1.7px);background-size:220px 220px,310px 310px;opacity:.22;}
.result-panel-inner{position:relative;z-index:2;padding:clamp(1.45rem,3vw,2.35rem);}
.result-kicker{font-family:'Share Tech Mono',monospace;font-size:.52rem;letter-spacing:.24em;color:rgba(34,211,238,.62);text-transform:uppercase;margin-bottom:.8rem;}
.result-panel-title{font-family:'Cormorant Garamond',serif;font-size:clamp(1.8rem,4.4vw,2.75rem);color:var(--ice);line-height:1.06;margin-bottom:.95rem;}
.result-panel-title .accent,.result-dual-title span{color:var(--teal);}
.result-panel-text,.result-plain-text{font-size:.98rem;color:rgba(202,224,232,.66);line-height:1.85;max-width:760px;}
.result-signal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.85rem;margin:1.2rem 0;}
.result-signal-card,.result-dichotomy-card,.result-life-card,.result-relation-box,.result-dual-give{border:1px solid rgba(126,213,232,.14);background:rgba(5,12,22,.36);box-shadow:inset 0 0 22px rgba(34,211,238,.018);}
.result-signal-card{min-height:132px;padding:1rem;display:flex;flex-direction:column;justify-content:space-between;}
.result-signal-code,.result-dichotomy-chip{display:inline-flex;align-self:flex-start;font-family:'Share Tech Mono',monospace;font-size:.52rem;letter-spacing:.16em;text-transform:uppercase;color:rgba(235,250,253,.74);border:1px solid rgba(34,211,238,.24);background:rgba(34,211,238,.055);padding:.28rem .48rem;}
.result-signal-title{font-family:'Cormorant Garamond',serif;font-size:1.38rem;line-height:1.05;color:var(--ice);margin-top:1rem;}
.result-signal-copy,.result-dichotomy-copy,.result-life-copy,.result-dual-give span{font-size:.9rem;line-height:1.62;color:rgba(202,224,232,.62);}
.result-dichotomy-grid{display:grid;grid-template-columns:1fr;gap:.8rem;margin:1rem 0 .9rem;}
.result-dichotomy-card{padding:1rem 1.1rem;}
.result-dichotomy-chip{margin-bottom:.7rem;}
.result-life-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem;margin:1.15rem 0;}
.result-life-card{min-height:104px;padding:1rem 1rem 1.05rem;position:relative;}
.result-life-card::before{content:'';position:absolute;left:1rem;top:1rem;width:18px;height:2px;background:var(--teal);box-shadow:0 0 12px rgba(34,211,238,.45);}
.result-life-copy{padding-top:1.05rem;color:rgba(218,236,240,.72);}
.result-relationship-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:1rem;}
.result-relation-box{padding:1rem;}
.result-mini-head,.result-dual-give b{display:block;font-family:'Share Tech Mono',monospace;font-size:.5rem;letter-spacing:.16em;text-transform:uppercase;color:rgba(34,211,238,.58);margin-bottom:.65rem;}
.result-bullet-list{list-style:none;display:grid;gap:.45rem;margin:0;padding:0;}
.result-bullet-list li{position:relative;padding-left:1rem;font-size:.9rem;line-height:1.62;color:rgba(202,224,232,.62);}
.result-bullet-list li::before{content:'';position:absolute;left:0;top:.72rem;width:4px;height:4px;border-radius:50%;background:var(--teal);box-shadow:0 0 10px rgba(34,211,238,.65);}
.result-dual-head{display:flex;gap:1rem;align-items:flex-start;justify-content:space-between;}
.result-dual-title{font-family:'Cormorant Garamond',serif;font-size:clamp(2rem,4vw,3rem);line-height:1.05;color:var(--ice);margin:.25rem 0 1rem;}
.result-dual-mark{width:76px;height:76px;opacity:.36;flex:0 0 auto;color:var(--teal);filter:drop-shadow(0 0 18px rgba(34,211,238,.22));}
.result-dual-mark svg{width:100%;height:100%;}
.result-dual-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:rgba(34,211,238,.12);border:1px solid rgba(34,211,238,.12);margin-top:1.1rem;}
.result-dual-give{background:rgba(6,13,24,.6);padding:1rem;}
.result-next-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin-top:1.25rem;}
.result-action-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem;margin-top:1.35rem;}
.result-action-btn,.result-share-btn,.result-next-pill{font-family:'Share Tech Mono',monospace;font-size:.52rem;letter-spacing:.14em;text-transform:uppercase;border:1px solid rgba(34,211,238,.2);background:rgba(34,211,238,.055);color:rgba(240,250,252,.78);padding:.86rem .9rem;cursor:none;transition:border-color .25s ease,box-shadow .25s ease,color .25s ease,background .25s ease;}
.result-action-btn.primary{grid-column:1/-1;border-color:rgba(34,211,238,.46);box-shadow:0 0 26px rgba(34,211,238,.12);}
.result-action-btn:hover,.result-share-btn:hover,.result-next-pill:hover{color:var(--ice);border-color:var(--teal);box-shadow:0 0 28px rgba(34,211,238,.14);}
.result-share-row{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:1.25rem;}
.result-share-btn{flex:1;min-width:160px;}
.result-share-status{font-family:'Share Tech Mono',monospace;font-size:.48rem;letter-spacing:.14em;text-transform:uppercase;color:rgba(34,211,238,.58);margin-top:.8rem;min-height:1em;}
.quiz-context{max-width:1100px;margin:2.4rem auto 3rem;border:1px solid rgba(34,211,238,.14);background:linear-gradient(135deg,rgba(8,17,31,.78),rgba(8,17,31,.42));display:grid;grid-template-columns:1.1fr .9fr;gap:1px;position:relative;overflow:hidden;}
#quiz-page .sec-inner{display:flex;flex-direction:column;}
#quiz-page .sec-label{order:0;}
#quiz-page .sec-heading{order:1;}
#quiz-page .quiz-context{order:2;}
#quiz-page .quiz-start{order:3;}
#quiz-page .quiz-wrap{order:4;}
#quiz-page .quiz-faq{order:5;}
.quiz-start{width:min(1100px,100%);margin:-1rem auto 3rem;display:flex;justify-content:center;}
.quiz-context-panel.main .quiz-start{width:100%;margin:1.45rem 0 0;justify-content:flex-start;}
.quiz-start-btn{font-family:'Share Tech Mono',monospace;font-size:.66rem;letter-spacing:.2em;text-transform:uppercase;color:var(--ice);border:1px solid rgba(34,211,238,.42);background:rgba(34,211,238,.075);padding:1rem 1.65rem;min-width:230px;cursor:none;transition:border-color .25s ease,background .25s ease,box-shadow .25s ease,transform .25s ease;}
.quiz-start-btn:hover{border-color:var(--teal);background:rgba(34,211,238,.14);box-shadow:0 0 30px rgba(34,211,238,.15);transform:translateY(-1px);}
.quiz-start-btn:focus-visible{outline:2px solid rgba(34,211,238,.75);outline-offset:3px;}
#quiz-page:not(.quiz-mode-active) .quiz-wrap{display:none;}
#quiz-page.quiz-mode-active .sec-label,#quiz-page.quiz-mode-active .sec-heading,#quiz-page.quiz-mode-active .quiz-context,#quiz-page.quiz-mode-active .quiz-start,#quiz-page.quiz-mode-active .quiz-faq{display:none;}
#quiz-page.quiz-mode-active{padding-top:0;}
#quiz-page.quiz-mode-active .quiz-page-back{position:fixed;top:1.15rem;left:1.15rem;z-index:40;margin:0;padding:.75rem 1rem;border:1px solid rgba(34,211,238,.16);background:rgba(4,10,19,.58);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);}
#quiz-page.quiz-mode-active .quiz-section{min-height:100svh;align-items:flex-start;padding:4.75rem 2rem 2rem;}
#quiz-page.quiz-mode-active .quiz-wrap{display:block;width:100%;max-width:1180px;}
#quiz-page.quiz-mode-active .hero-quiz-shell{box-shadow:0 34px 96px rgba(0,0,0,.38),0 0 70px rgba(34,211,238,.065),inset 0 0 36px rgba(34,211,238,.03);}
#quiz-page.quiz-mode-active .hero-quiz-shell::after{background:radial-gradient(circle at 13% 20%,rgba(226,246,255,.45) 0 1px,transparent 1.9px),radial-gradient(circle at 83% 30%,rgba(226,246,255,.32) 0 1px,transparent 1.8px),radial-gradient(circle at 31% 78%,rgba(34,211,238,.34) 0 1px,transparent 1.9px),radial-gradient(circle at 71% 72%,rgba(192,132,252,.28) 0 1px,transparent 1.8px),radial-gradient(ellipse 58% 42% at 16% 0%,rgba(34,211,238,.08),transparent 72%),radial-gradient(ellipse 48% 38% at 82% 8%,rgba(168,85,247,.08),transparent 70%),linear-gradient(135deg,rgba(255,255,255,.022),transparent 42%);background-size:240px 240px,330px 330px,280px 280px,380px 380px,100% 100%,100% 100%,100% 100%;opacity:1;}
#quiz-page.quiz-mode-active .hq-scene{display:block;}
#quiz-page.quiz-mode-active .hq-body{display:grid;grid-template-columns:minmax(0,.86fr) minmax(360px,1.14fr);gap:0 2rem;padding:2rem 2rem 1.6rem;align-items:start;}
#quiz-page.quiz-mode-active .hq-q-num{grid-column:1;margin-top:.2rem;}
#quiz-page.quiz-mode-active .hq-q-text{grid-column:1;max-width:48ch;font-size:1.25rem!important;line-height:1.7;margin-bottom:0;padding-right:.4rem;}
#quiz-page.quiz-mode-active .hq-options{grid-column:2;grid-row:1 / span 2;align-self:center;gap:.72rem;}
#quiz-page.quiz-mode-active .hq-opt{background:rgba(6,13,24,.34);}
#quiz-page.quiz-has-result .hq-scene{display:none;}
.quiz-context::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(to right,transparent,var(--teal),transparent);opacity:.75;}
.quiz-context-panel{background:rgba(6,13,24,.42);padding:2rem;position:relative;z-index:1;}
.quiz-context-panel.main{grid-row:span 2;}
.quiz-context-kicker{font-family:'Share Tech Mono',monospace;font-size:.52rem;letter-spacing:.26em;text-transform:uppercase;color:rgba(34,211,238,.55);margin-bottom:.85rem;}
.quiz-context-title{font-family:'Cormorant Garamond',serif;font-size:clamp(2rem,4.2vw,3.2rem);line-height:1.06;color:var(--ice);margin-bottom:1rem;}
.quiz-context-copy{font-size:1rem;line-height:1.9;color:rgba(200,220,230,.62);margin:.85rem 0;}
.quiz-result-list{list-style:none;display:grid;gap:.45rem;margin:.9rem 0 1rem;}
.quiz-result-list li{position:relative;padding-left:1rem;font-size:.94rem;line-height:1.6;color:rgba(200,220,230,.64);}
.quiz-result-list li::before{content:'';position:absolute;left:0;top:.65rem;width:4px;height:4px;border-radius:50%;background:var(--teal);box-shadow:0 0 10px rgba(34,211,238,.65);}
.quiz-faq{width:min(1100px,100%);max-width:1100px;margin:3rem auto 0;border:1px solid rgba(34,211,238,.12);background:rgba(8,17,31,.42);}
.quiz-faq-title{font-family:'Share Tech Mono',monospace;font-size:.55rem;letter-spacing:.28em;text-transform:uppercase;color:rgba(34,211,238,.5);padding:1.3rem 1.6rem;border-bottom:1px solid rgba(34,211,238,.1);}
.quiz-faq details{border-bottom:1px solid rgba(34,211,238,.08);}
.quiz-faq details:last-child{border-bottom:0;}
.quiz-faq summary{list-style:none;cursor:none;padding:1.25rem 1.6rem;font-family:'Cormorant Garamond',serif;font-size:1.15rem;font-weight:700;color:rgba(235,248,252,.84);position:relative;}
.quiz-faq summary::-webkit-details-marker{display:none;}
.quiz-faq summary::after{content:'+';position:absolute;right:1.6rem;top:50%;transform:translateY(-50%);font-family:'Share Tech Mono',monospace;font-size:.7rem;color:rgba(34,211,238,.5);}
.quiz-faq details[open] summary::after{content:'-';}
.quiz-faq-copy{padding:0 1.6rem 1.35rem;font-size:.96rem;line-height:1.85;color:rgba(200,220,230,.58);max-width:860px;}
#quiz-page.quiz-has-result .quiz-context{display:none;}
#quiz-page.quiz-has-result .quiz-faq{display:none;}
@media(min-width:1001px){
  #quiz-page.quiz-has-result .quiz-wrap{max-width:980px;width:100%;}
  #quiz-page.quiz-has-result .hero-quiz-shell{max-width:980px;margin:0 auto;}
  #quiz-page.quiz-has-result .hq-result-inner{padding:3.35rem 3.4rem 3.15rem;}
  #quiz-page.quiz-has-result .result-v47-upgrade{width:100%;max-width:980px;margin:2.2rem auto 0;display:block;}
  #quiz-page.quiz-has-result .result-signal-panel,
  #quiz-page.quiz-has-result .result-dichotomy-panel,
  #quiz-page.quiz-has-result .result-dual-panel,
  #quiz-page.quiz-has-result .result-life-panel,
  #quiz-page.quiz-has-result .result-relationship-panel,
  #quiz-page.quiz-has-result .result-typing-panel,
  #quiz-page.quiz-has-result .result-action-hub,
  #quiz-page.quiz-has-result .result-next-steps,
  #quiz-page.quiz-has-result .result-share-panel{width:100%;margin:1.35rem auto 0;}
  #quiz-page.quiz-has-result .result-life-grid,
  #quiz-page.quiz-has-result .result-relationship-grid,
  #quiz-page.quiz-has-result .result-dual-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:760px){
  .quiz-start{margin:-.5rem auto 2rem;}
  .quiz-start-btn{width:100%;min-width:0;}
  #quiz-page.quiz-mode-active .quiz-page-back{top:.75rem;left:.75rem;padding:.65rem .8rem;font-size:.5rem;}
  #quiz-page.quiz-mode-active .quiz-section{padding:4.2rem 1rem 1.5rem;align-items:flex-start;}
  #quiz-page.quiz-mode-active .quiz-wrap{max-width:100%;}
  #quiz-page.quiz-mode-active .hq-scene{padding:.8rem 1rem 0;}
  .hq-ritual{padding:.75rem 1rem .85rem;}
  .hq-ritual-kicker{font-size:.46rem;letter-spacing:.22em;}
  .hq-ritual p{font-size:.88rem;line-height:1.55;}
  .hq-scene-frame{height:130px;margin-bottom:.65rem;border-radius:28px;}
  .hq-scene-frame::before{inset:14px;border-radius:24px;}
  .hq-scene-frame::after{inset:32px;border-radius:20px;}
  .hq-scene svg{width:116px;height:116px;}
  #quiz-page.quiz-mode-active .hq-body{display:block;padding:1.35rem 1.25rem 1.2rem;}
  #quiz-page.quiz-mode-active .hq-q-text{max-width:none;font-size:1.08rem!important;line-height:1.68;margin-bottom:1.35rem;padding-right:0;}
  #quiz-page.quiz-mode-active .hq-options{gap:.55rem;}
  .hero-quiz{scroll-margin-top:5.75rem;}
  .quiz-context{grid-template-columns:1fr;margin:2rem auto;}
  .quiz-context-panel.main{grid-row:auto;}
  .quiz-context-panel{padding:1.45rem;}
  .quiz-faq{margin-top:2rem;}
  .result-signal-grid,.result-life-grid,.result-relationship-grid,.result-dual-grid,.result-next-grid,.result-action-grid{grid-template-columns:1fr!important;}
  .result-dual-head{display:block;}
  .result-dual-mark{margin:.8rem 0 0;}
  .result-panel-inner{padding:1.35rem;}
  .result-signal-card{min-height:112px;}}

/* Mixed route-only rules moved from home.css. */
body.socionics-home-page #quiz-page{
  background:
    radial-gradient(ellipse 72% 42% at 54% -12%,rgba(126,112,255,.2),transparent 72%),
    radial-gradient(ellipse 42% 34% at 86% 18%,rgba(192,132,252,.12),transparent 68%),
    radial-gradient(ellipse 36% 30% at 12% 22%,rgba(34,211,238,.1),transparent 70%),
    #040a13!important;
}