.quiz-container{padding:120px 20px 80px;min-height:100vh;display:flex;justify-content:center;align-items:center;background-color:var(--color-black-deep);background-image:radial-gradient(circle at center,#0f0c08 0,var(--color-black-deep) 100%);color:var(--color-white);text-align:center;position:relative;overflow:hidden;z-index:0}.quiz-container:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at center,var(--color-black-panel) 0,var(--color-black-deep) 100%);opacity:0;transition:opacity var(--duration-atmosphere) var(--ease-inout);z-index:-1;pointer-events:none}.quiz-container.theme-angel:before{opacity:1}.quiz-container:after{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at center,#1b0a0a 0,var(--color-black-deep) 100%);opacity:0;transition:opacity var(--duration-atmosphere) var(--ease-inout);z-index:-1;pointer-events:none}.quiz-container.theme-demon:after{opacity:1}.quiz-dust{position:absolute;inset:0;background-image:radial-gradient(var(--color-white),rgba(255,255,255,.2) 2px,transparent 40px),radial-gradient(var(--color-white),rgba(255,255,255,.15) 1px,transparent 30px);background-size:550px 550px,350px 350px;background-position:0 0,40px 60px;opacity:.08;pointer-events:none;z-index:1}.quiz-content{padding:2rem 1rem;max-width:1280px;width:100%;position:relative;z-index:2}.quiz-navigation-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;position:relative;z-index:5}.quiz-back-btn{background:transparent;border:none;color:rgba(255,255,255,.6);cursor:pointer;font-size:var(--text-small);font-family:var(--font-body);font-weight:500;letter-spacing:var(--tracking-label);text-transform:uppercase;display:flex;align-items:center;gap:8px;transition:color var(--duration-base) var(--ease-brand),text-shadow var(--duration-base) var(--ease-brand);padding:6px 12px;border-radius:var(--radius-chip)}.quiz-back-btn:hover{color:var(--color-white);text-shadow:0 0 8px rgba(255,255,255,.3)}.quiz-question-number{font-family:var(--font-body);color:var(--gold-primary);font-size:var(--text-mini);letter-spacing:var(--tracking-wide-brand);text-transform:uppercase;font-weight:500;opacity:.85;transition:color var(--duration-base) var(--ease-brand)}.theme-angel .quiz-question-number{color:var(--color-gray-bright);text-shadow:0 0 8px rgba(255,255,255,.15)}.quiz-question-text{font-family:var(--font-title);font-size:var(--text-h1);color:var(--color-white);margin-bottom:4rem;line-height:1.35;font-weight:400;letter-spacing:var(--tracking-label)}.quiz-progress-container{position:fixed;bottom:0;left:0;width:100%;height:3px;background:rgba(255,255,255,.05);z-index:100}.quiz-progress-bar{height:100%;background:var(--gold-primary);box-shadow:0 0 12px var(--gold-primary);transition:width var(--duration-slow) var(--ease-brand)}.theme-angel .quiz-progress-bar{background:linear-gradient(90deg,#d1d1d6,var(--color-white),#d1d1d6);box-shadow:0 0 12px rgba(255,255,255,.6)}.quiz-options-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2.5rem;perspective:1000px;position:relative;z-index:3}.quiz-option-btn{background:rgba(15,15,15,.6);border:1px solid rgba(255,255,255,.08);color:var(--color-white);padding:4rem 2.5rem;border-radius:var(--radius-panel);cursor:pointer;transition:background var(--duration-base) var(--ease-brand),border-color var(--duration-base) var(--ease-brand),box-shadow var(--duration-base) var(--ease-brand);display:flex;flex-direction:column;align-items:center;gap:1.5rem;position:relative;overflow:visible;transform-style:preserve-3d;outline:none}.quiz-option-btn:after{content:"";inset:6px;border:1px dashed rgba(255,255,255,.05);border-radius:var(--radius-card)}.quiz-option-btn-ornament,.quiz-option-btn:after{position:absolute;pointer-events:none;transition:border-color var(--duration-base) var(--ease-brand)}.quiz-option-btn-ornament{width:10px;height:10px;border:1px solid rgba(255,255,255,.15)}.quiz-option-btn-ornament.top-left{top:12px;left:12px;border-right:none;border-bottom:none}.quiz-option-btn-ornament.top-right{top:12px;right:12px;border-left:none;border-bottom:none}.quiz-option-btn-ornament.bottom-left{bottom:12px;left:12px;border-right:none;border-top:none}.quiz-option-btn-ornament.bottom-right{bottom:12px;right:12px;border-left:none;border-top:none}.quiz-option-btn:hover{background:rgba(22,22,22,.85);border-color:var(--gold-line-strong);box-shadow:0 15px 40px rgba(0,0,0,.7),0 0 25px var(--gold-veil)}.quiz-option-btn:hover:after{border-color:var(--gold-line)}.quiz-option-btn:hover .quiz-option-btn-ornament{border-color:var(--gold-primary)}.theme-angel .quiz-option-btn:hover{border-color:rgba(229,229,233,.45);box-shadow:0 15px 40px rgba(0,0,0,.7),0 0 25px rgba(255,255,255,.1)}.theme-angel .quiz-option-btn:hover .quiz-option-btn-ornament{border-color:var(--color-white)}.theme-angel .quiz-option-btn:hover:after{border-color:rgba(255,255,255,.25)}.theme-demon .quiz-option-btn:hover{border-color:rgba(214,0,0,.45);box-shadow:0 15px 40px rgba(0,0,0,.7),0 0 25px rgba(214,0,0,.15)}.theme-demon .quiz-option-btn:hover .quiz-option-btn-ornament{border-color:#d60000}.theme-demon .quiz-option-btn:hover:after{border-color:rgba(214,0,0,.25)}.quiz-option-vector{width:212px;height:212px;margin-bottom:.5rem;display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.7);transition:color var(--duration-base) var(--ease-brand);transform:translateZ(30px)}.quiz-option-vector svg{width:100%;height:100%;stroke:currentColor;fill:none;stroke-width:1.25px;transition:stroke var(--duration-base) var(--ease-brand),transform var(--duration-base) var(--ease-brand)}.quiz-option-btn:hover .quiz-option-vector{color:var(--gold-primary)}.quiz-option-btn:hover .quiz-option-vector svg{transform:scale(1.08)}.theme-angel .quiz-option-btn:hover .quiz-option-vector{color:var(--color-white)}.theme-demon .quiz-option-btn:hover .quiz-option-vector{color:#d60000}.quiz-option-label{font-family:var(--font-title);font-size:var(--text-h3);font-weight:400;color:var(--color-white);letter-spacing:var(--tracking-label);transform:translateZ(20px)}.quiz-option-desc{font-family:var(--font-body);font-size:var(--text-small);color:rgba(255,255,255,.5);margin-top:.2rem;font-weight:300;line-height:1.6;letter-spacing:var(--tracking-label);max-width:220px;transform:translateZ(15px)}.quiz-option-btn:hover .quiz-option-desc{color:rgba(255,255,255,.85)}.logo-wrapper{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.angel-couple-svg,.angel-girl-svg,.angel-male-svg,.demon-couple-svg,.demon-girl-svg,.demon-male-svg{overflow:visible!important;stroke:none!important}.angel-couple-svg.normal,.angel-girl-svg.normal,.angel-male-svg.normal{position:relative;z-index:1;--angel-line:var(--color-black-panel);--angel-fill:var(--color-gray-dim);--angel-fill-opacity:0.85;filter:drop-shadow(0 0 1px rgba(255,255,255,.15));opacity:.65;transition:opacity var(--duration-base) var(--ease-brand)}.quiz-option-btn:hover .angel-couple-svg.normal,.quiz-option-btn:hover .angel-girl-svg.normal,.quiz-option-btn:hover .angel-male-svg.normal{opacity:.95}.angel-couple-svg.hover,.angel-girl-svg.hover,.angel-male-svg.hover{position:absolute;inset:0;z-index:2;--angel-line:var(--color-black-deep);--angel-fill:var(--color-white);--angel-fill-opacity:1;filter:drop-shadow(0 0 8px rgba(255,255,255,.45));clip-path:inset(100% -30% -30% -30%);transition:clip-path var(--duration-slow) var(--ease-inout),filter var(--duration-slow) var(--ease-brand);pointer-events:none}.quiz-option-btn:hover .angel-couple-svg.hover,.quiz-option-btn:hover .angel-girl-svg.hover,.quiz-option-btn:hover .angel-male-svg.hover{clip-path:inset(-30% -30% -30% -30%)}.demon-couple-svg.normal,.demon-girl-svg.normal,.demon-male-svg.normal{position:relative;z-index:1;--demon-line:var(--color-black-panel);--demon-fill:var(--color-demon-deep);--demon-fill-opacity:0.85;filter:drop-shadow(0 0 1px rgba(214,0,0,.2));opacity:.65;transition:opacity var(--duration-base) var(--ease-brand)}.quiz-option-btn:hover .demon-couple-svg.normal,.quiz-option-btn:hover .demon-girl-svg.normal,.quiz-option-btn:hover .demon-male-svg.normal{opacity:.95}.demon-couple-svg.hover,.demon-girl-svg.hover,.demon-male-svg.hover{position:absolute;inset:0;z-index:2;--demon-line:var(--color-black-deep);--demon-fill:var(--color-error);--demon-fill-opacity:1;filter:drop-shadow(0 0 8px rgba(214,0,0,.5));clip-path:inset(100% -30% -30% -30%);transition:clip-path var(--duration-slow) var(--ease-inout),filter var(--duration-slow) var(--ease-brand);pointer-events:none}.quiz-option-btn:hover .demon-couple-svg.hover,.quiz-option-btn:hover .demon-girl-svg.hover,.quiz-option-btn:hover .demon-male-svg.hover{clip-path:inset(-30% -30% -30% -30%)}.quiz-option-btn:hover .quiz-option-vector{animation:floatVector 3s ease-in-out infinite}@keyframes floatVector{0%,to{transform:translateY(0) translateZ(30px)}50%{transform:translateY(-5px) translateZ(30px)}}.quiz-oracle-loader{flex-direction:column;padding:3rem 0;width:100%}.oracle-portal-wrapper,.quiz-oracle-loader{display:flex;align-items:center;justify-content:center;position:relative}.oracle-portal-wrapper{width:240px;height:240px;margin-bottom:3.5rem}.oracle-portal-core{position:absolute;inset:20px;border-radius:50%;background:var(--color-black-deep);border:1px solid rgba(255,255,255,.06);display:flex;align-items:center;justify-content:center;z-index:2;box-shadow:inset 0 0 25px rgba(0,0,0,.9)}.oracle-portal-core-icon{width:50px;height:50px;color:rgba(255,255,255,.2)}.portal-glow{position:absolute;inset:-30px;border-radius:50%;background:radial-gradient(circle,var(--gold-line-strong) 0,var(--gold-veil) 40%,transparent 70%);opacity:.5;filter:blur(30px);z-index:0;animation:swirl-glow 10s ease-in-out infinite}.theme-angel .portal-glow{background:radial-gradient(circle,rgba(255,255,255,.3) 0,rgba(255,255,255,.05) 45%,transparent 70%)}.theme-demon .portal-glow{background:radial-gradient(circle,rgba(214,0,0,.45) 0,rgba(214,0,0,.1) 40%,transparent 70%)}.portal-ring-outer{position:absolute;inset:0;border:2px dashed var(--gold-line-strong);border-radius:50%;animation:spin-ccw 22s linear infinite;z-index:1}.portal-ring-inner{position:absolute;inset:10px;border:1.5px solid rgba(255,255,255,.15);border-radius:50%;animation:spin-cw 15s linear infinite;z-index:1}.theme-angel .portal-ring-outer{border-color:rgba(255,255,255,.3)}.theme-demon .portal-ring-outer{border-color:rgba(214,0,0,.5)}.loader-conjuring-text{font-family:var(--font-title);font-size:var(--text-h3);font-weight:300;color:var(--color-white);letter-spacing:var(--tracking-label);line-height:1.5;height:60px;max-width:500px;margin:0 auto}.theme-angel .loader-conjuring-text{text-shadow:0 0 15px rgba(255,255,255,.25)}.theme-demon .loader-conjuring-text{text-shadow:0 0 15px rgba(214,0,0,.35)}.quiz-results{width:100%;display:flex;flex-direction:column;align-items:center;position:relative}.oracle-blackout{position:absolute;inset:-24px;background:var(--color-black-deep);border-radius:var(--radius-panel);opacity:0;pointer-events:none;z-index:10}.quiz-results-header .oracle-verdict-title{font-family:var(--font-title);font-size:var(--text-h2);font-weight:400;letter-spacing:var(--tracking-grand);text-transform:uppercase;line-height:1.4;color:var(--color-white);display:flex;flex-wrap:wrap;justify-content:center;gap:0 .75ch;margin-bottom:1.4rem;transition:color var(--duration-base) var(--ease-brand)}.theme-angel .oracle-verdict-title{color:var(--color-gray-bright);text-shadow:0 0 15px rgba(255,255,255,.25)}.theme-demon .oracle-verdict-title{color:#d60000;text-shadow:0 0 15px rgba(214,0,0,.35)}.oracle-word{display:inline-block;will-change:transform,opacity}.oracle-verdict-sub{font-family:var(--font-title);font-size:var(--text-h3);font-weight:400;letter-spacing:var(--tracking-label);line-height:1.35;color:var(--color-white)}.theme-angel .oracle-verdict-sub{color:var(--color-gray-bright)}.theme-demon .oracle-verdict-sub{color:#d60000}.quiz-results-header{margin-bottom:4.5rem;width:100%}.quiz-results-header h2{font-family:var(--font-title);font-weight:400;letter-spacing:var(--tracking-label);line-height:1.25;font-size:var(--text-h1)}.quiz-verdict-text{font-family:var(--font-body);font-size:var(--text-body-size);font-weight:300;line-height:1.8;color:rgba(255,255,255,.7);max-width:650px;margin:1.5rem auto 0;letter-spacing:var(--tracking-label)}.quiz-verdict-text strong{font-family:var(--font-title);color:var(--color-white);font-weight:400}.quiz-recommendations{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:3rem;width:100%;margin-top:1rem}.rec-card{background:rgba(12,12,12,.75);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-panel);overflow:hidden;transition:border-color var(--duration-base) var(--ease-brand),box-shadow var(--duration-base) var(--ease-brand);display:flex;flex-direction:column;position:relative}.rec-card:before{content:"";position:absolute;inset:6px;border:1px solid rgba(255,255,255,.03);border-radius:var(--radius-card);pointer-events:none;z-index:3;transition:border-color var(--duration-base) var(--ease-brand)}.rec-card:hover{border-color:var(--gold-line-strong);box-shadow:0 20px 45px rgba(0,0,0,.8),0 0 30px var(--gold-veil)}.rec-card:hover:before{border-color:var(--border-color)}.theme-angel .rec-card:hover{border-color:rgba(255,255,255,.35);box-shadow:0 20px 45px rgba(0,0,0,.8),0 0 30px rgba(255,255,255,.05)}.theme-angel .rec-card:hover:before{border-color:rgba(255,255,255,.15)}.theme-demon .rec-card:hover{border-color:rgba(214,0,0,.45);box-shadow:0 20px 45px rgba(0,0,0,.8),0 0 30px rgba(214,0,0,.1)}.theme-demon .rec-card:hover:before{border-color:rgba(214,0,0,.15)}.rec-image-container{width:100%;height:320px;overflow:hidden;position:relative;background:var(--color-black-deep);border-bottom:1px solid rgba(255,255,255,.04)}.rec-image{width:100%;height:100%;object-fit:cover;transition:transform var(--duration-slow) var(--ease-brand)}.rec-card:hover .rec-image{transform:scale(1.06)}.rec-info{padding:2.2rem;text-align:left;flex-grow:1;display:flex;flex-direction:column;justify-content:space-between;z-index:2}.rec-name{font-family:var(--font-title);font-size:var(--text-h3);margin-bottom:1rem;color:var(--color-white);line-height:1.35;font-weight:400}.rec-why{font-family:var(--font-body);font-size:var(--text-small);color:rgba(255,255,255,.6);background:rgba(255,255,255,.02);padding:1rem 1.2rem;border-radius:var(--radius-card);margin-bottom:1.8rem;border-left:2px solid var(--gold-primary);line-height:1.6;letter-spacing:var(--tracking-label);transition:background var(--duration-base) var(--ease-brand),border-color var(--duration-base) var(--ease-brand)}.theme-angel .rec-why{border-left-color:#d1d1d6;background:rgba(255,255,255,.03)}.theme-demon .rec-why{border-left-color:#d60000;background:rgba(214,0,0,.04)}.rec-card:hover .rec-why{color:rgba(255,255,255,.95);background:rgba(255,255,255,.05)}.theme-angel .rec-card:hover .rec-why{background:rgba(255,255,255,.07)}.theme-demon .rec-card:hover .rec-why{background:rgba(214,0,0,.08)}.rec-price{font-family:var(--font-body);font-size:var(--text-sub);color:var(--gold-primary);font-weight:500;margin-bottom:1.8rem;display:block;letter-spacing:var(--tracking-label)}.theme-angel .rec-price{color:#d1d1d6}.theme-demon .rec-price{color:#d60000}.rec-btn{display:block;width:100%;background:transparent;border:1px solid rgba(255,255,255,.15);padding:1rem 1.5rem;text-align:center;border-radius:var(--radius-pill);text-transform:uppercase;font-size:var(--text-small);font-weight:500;font-family:var(--font-body);letter-spacing:var(--tracking-label);transition:background-color var(--duration-base) var(--ease-brand),color var(--duration-base) var(--ease-brand),border-color var(--duration-base) var(--ease-brand),box-shadow var(--duration-base) var(--ease-brand)}.rec-btn,.rec-btn:hover{color:var(--color-white)}.rec-btn:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.45);box-shadow:0 0 20px rgba(255,255,255,.15)}.theme-angel .rec-btn:hover{background:var(--gold-veil);color:var(--color-gray-bright);border-color:var(--gold-line-strong);box-shadow:0 0 20px var(--gold-line)}.theme-demon .rec-btn:hover{background:rgba(214,0,0,.08);color:var(--color-white);border-color:rgba(214,0,0,.45);box-shadow:0 0 20px rgba(214,0,0,.2)}.load-more-btn{margin-top:4.5rem;background:transparent;border:1px solid rgba(255,255,255,.15);color:rgba(255,255,255,.65);padding:1.1rem 3.5rem;border-radius:var(--radius-pill);font-family:var(--font-body);font-size:var(--text-small);font-weight:500;text-transform:uppercase;letter-spacing:var(--tracking-label);cursor:pointer;transition:border-color var(--duration-base) var(--ease-brand),color var(--duration-base) var(--ease-brand),background-color var(--duration-base) var(--ease-brand)}.load-more-btn:hover{border-color:rgba(255,255,255,.45);color:var(--color-white);background:rgba(255,255,255,.08)}.theme-angel .load-more-btn:hover{border-color:var(--gold-line-strong);color:var(--color-gray-bright);background:var(--gold-veil)}.theme-demon .load-more-btn:hover{border-color:rgba(214,0,0,.45);color:var(--color-white);background:rgba(214,0,0,.08)}.restart-btn{display:block;margin:2.5rem auto 0;background:transparent;border:none;color:rgba(255,255,255,.35);text-decoration:underline;cursor:pointer;font-size:var(--text-small);font-family:var(--font-body);font-weight:400;letter-spacing:var(--tracking-label);transition:color var(--duration-base) var(--ease-brand)}.restart-btn:hover{color:rgba(255,255,255,.8)}.quiz-content-animate{width:100%}@keyframes spin-cw{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes spin-ccw{0%{transform:rotate(1turn)}to{transform:rotate(0deg)}}@keyframes swirl-glow{0%{transform:scale(1) rotate(0deg)}50%{transform:scale(1.15) rotate(180deg)}to{transform:scale(1) rotate(1turn)}}@media (max-width:768px){.quiz-content{padding:3rem 2rem;border-radius:var(--radius-panel)}.quiz-question-text{font-size:2.1rem;margin-bottom:3rem}.quiz-options-grid{grid-template-columns:1fr;gap:1.5rem}.quiz-option-btn{padding:3rem 2rem;gap:1rem}.quiz-option-label{font-size:1.3rem}.quiz-option-vector{width:175px;height:175px}.quiz-results-header h2{font-size:2.1rem}.quiz-results-header .oracle-verdict-title{font-size:var(--text-h3);letter-spacing:var(--tracking-wide-brand)}.quiz-recommendations{grid-template-columns:1fr;gap:2rem}.rec-image-container{height:250px}}