.quiz{background:var(--wine);color:var(--cream);padding:5rem 1.5rem 7rem;min-height:88vh}.q-inner{max-width:680px;margin:0 auto}.q-head{text-align:center;margin-bottom:3.25rem}.q-head .eyebrow{font-size:11px;letter-spacing:.34em;color:var(--champagne);margin-bottom:1.4rem}.q-head h1{font-family:var(--serif);font-weight:400;font-size:clamp(46px,8vw,82px);line-height:.96;letter-spacing:-.015em;color:var(--cream)}.q-head h1 em{font-style:italic;color:var(--champagne)}.q-head p{margin-top:1.5rem;font-size:14px;line-height:1.85;color:#f2f0ed9e;letter-spacing:.01em}.q-stage{border-top:.5px solid rgba(255,227,172,.18);padding-top:2rem}.q-prog{display:flex;align-items:center;gap:1rem;margin-bottom:2.75rem}.q-step-n{font-size:11px;letter-spacing:.22em;color:var(--champagne);flex:none;min-width:52px}.q-track{flex:1;height:1px;background:#ffe3ac33;position:relative;overflow:hidden}.q-bar{position:absolute;inset:0 auto 0 0;height:100%;width:0;background:var(--champagne);transition:width .6s cubic-bezier(.16,1,.3,1)}.q-step{animation:qin .55s cubic-bezier(.16,1,.3,1)}@keyframes qin{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.q-q{font-family:var(--serif);font-weight:400;font-size:clamp(30px,5vw,46px);line-height:1.05;color:var(--cream);margin-bottom:2rem;display:flex;flex-direction:column;gap:.5rem}.q-hint{font-family:var(--sans);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:#ffe3aca6}.q-opts{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media(max-width:560px){.q-opts{grid-template-columns:1fr}}.q-opt{position:relative;text-align:left;background:#f2f0ed08;border:.5px solid rgba(255,227,172,.22);border-radius:13px;padding:1.15rem 1.3rem;cursor:none;transition:border-color .4s,background .4s,transform .4s cubic-bezier(.16,1,.3,1);display:flex;align-items:center;justify-content:space-between;gap:1rem}.q-opt:hover{border-color:var(--champagne);background:#ffe3ac12;transform:translateY(-2px)}.q-otxt{display:flex;flex-direction:column;gap:3px}.q-ol{font-family:var(--serif);font-size:23px;line-height:1;color:var(--cream)}.q-od{font-size:12px;color:#f2f0ed8c;letter-spacing:.01em}.q-mark{flex:none;width:17px;height:17px;border-radius:50%;border:1px solid rgba(255,227,172,.4);position:relative;transition:all .3s}.q-mark:after{content:"";position:absolute;inset:4px;border-radius:50%;background:var(--wine);opacity:0;transition:opacity .25s}.q-opt.on{background:var(--champagne);border-color:var(--champagne)}.q-opt.on .q-ol{color:var(--wine)}.q-opt.on .q-od{color:#5d0f1799}.q-opt.on .q-mark{background:var(--wine);border-color:var(--wine)}.q-opt.on .q-mark:after{opacity:1}.q-nav{display:flex;justify-content:space-between;align-items:center;margin-top:2.5rem;gap:1rem}.q-back{background:none;border:none;font-family:var(--sans);font-size:12px;letter-spacing:.06em;color:#f2f0ed99;cursor:none;transition:color .3s}.q-back:hover{color:var(--champagne)}.q-next{background:var(--champagne);color:var(--wine);border:none;border-radius:40px;padding:14px 34px;font-family:var(--sans);font-size:12px;letter-spacing:.1em;text-transform:uppercase;cursor:none;transition:transform .35s,opacity .3s}.q-next:hover{transform:translateY(-2px)}.q-next[disabled]{opacity:.3;pointer-events:none}.q-result{animation:qin .6s cubic-bezier(.16,1,.3,1);text-align:center}.q-rlead{font-size:11px;letter-spacing:.26em;text-transform:uppercase;color:var(--champagne);margin-bottom:1rem}.q-rtitle{font-family:var(--serif);font-style:italic;font-weight:400;font-size:clamp(40px,7vw,64px);line-height:1;color:var(--cream)}.q-rsub{font-size:13px;color:#f2f0ed99;margin-top:1rem;letter-spacing:.02em}.q-cards{display:flex;flex-direction:column;gap:12px;margin-top:2.75rem;text-align:left}.q-rc{display:flex;align-items:center;gap:1.1rem;background:#f2f0ed0a;border:.5px solid rgba(255,227,172,.16);border-radius:14px;padding:1.1rem 1.35rem;cursor:none;transition:border-color .4s,background .4s,transform .4s cubic-bezier(.16,1,.3,1)}.q-rc:hover{border-color:var(--champagne);background:#ffe3ac0f;transform:translateY(-3px)}.q-rc-step{flex:none;font-family:var(--serif);font-style:italic;font-size:16px;color:#ffe3ac8c;width:20px}.q-rc-vis{flex:none;width:62px;height:74px;border-radius:9px;background:#f2f0ed0f;display:flex;align-items:center;justify-content:center;overflow:hidden}.q-rc-vis img{width:100%;height:100%;object-fit:contain;padding:7px}.q-rc-mono{font-family:var(--serif);font-style:italic;font-size:16px;color:var(--champagne)}.q-rc-b{flex:1;display:flex;flex-direction:column;gap:.28rem}.q-rc-role{font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--champagne)}.q-rc-name{font-family:var(--serif);font-size:24px;line-height:1;color:var(--cream);transition:color .3s}.q-rc-name:hover{color:var(--champagne)}.q-rc-solve{font-size:12.5px;line-height:1.6;color:#f2f0ed99}.q-rc-act{flex:none;display:flex;flex-direction:column;align-items:flex-end;gap:.6rem}.q-rc-price{font-family:var(--serif);font-size:20px;color:var(--champagne);white-space:nowrap}.q-rc-add{background:none;border:.5px solid rgba(255,227,172,.45);color:var(--champagne);border-radius:40px;padding:8px 18px;font-family:var(--sans);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;cursor:none;white-space:nowrap;transition:background .3s,color .3s}.q-rc-add:hover{background:var(--champagne);color:var(--wine)}@media(max-width:560px){.q-rc-vis,.q-rc-step{display:none}}.q-note{margin-top:1.5rem;text-align:center;font-size:12.5px;line-height:1.7;color:#f2f0edb3}.q-note a{color:var(--champagne);border-bottom:.5px solid rgba(255,227,172,.5)}.q-foot{margin-top:2.5rem;padding-top:2rem;border-top:.5px solid rgba(255,227,172,.18);display:flex;justify-content:space-between;align-items:center;gap:1.5rem;flex-wrap:wrap;text-align:left}.q-total{display:flex;flex-direction:column;gap:.2rem}.q-total span{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:#f2f0ed8c}.q-total strong{font-family:var(--serif);font-weight:400;font-size:30px;color:var(--cream)}.q-actions{display:flex;align-items:center;gap:1.5rem}.q-cta{background:var(--champagne);color:var(--wine);border-radius:40px;padding:15px 34px;font-size:12px;letter-spacing:.1em;text-transform:uppercase;transition:transform .35s}.q-cta:hover{transform:translateY(-2px)}.q-restart{background:none;border:none;font-family:var(--sans);font-size:12px;letter-spacing:.05em;color:#f2f0ed99;cursor:none;transition:color .3s}.q-restart:hover{color:var(--champagne)}