:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}body{margin:0}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}.site-header{-webkit-backdrop-filter:blur(14px);z-index:100;background:#080c10f0;border-bottom:1.5px solid #a5843a66;align-items:center;width:100%;height:82px;display:flex;position:sticky;top:0;left:0;box-shadow:0 4px 20px #000000d9}.header-container{width:100%;max-width:var(--max-content-width);justify-content:space-between;align-items:center;gap:20px;margin:0 auto;padding:0 36px;display:flex}.header-brand{cursor:pointer;-webkit-user-select:none;user-select:none;transition:opacity var(--trans-fast);flex-shrink:0;align-items:center;gap:14px;display:flex}.header-brand:hover{opacity:.9}.brand-crest{filter:drop-shadow(0 0 10px #d4af3780);width:44px;height:44px}.brand-text-block{flex-direction:column;display:flex}.brand-title{font-family:var(--font-decorative);letter-spacing:.08em;color:var(--gold-light);text-shadow:0 2px 4px #000000e6;white-space:nowrap;font-size:1.25rem;font-weight:700;line-height:1.15}.brand-subtitle{font-family:var(--font-serif);color:var(--silver-dim);letter-spacing:.04em;white-space:nowrap;font-size:.85rem;font-style:italic}.header-nav{align-items:center;gap:28px;display:flex}.nav-link{font-family:var(--font-heading);letter-spacing:.06em;color:#c4d0da;transition:color var(--trans-fast);white-space:nowrap;padding:8px 6px;font-size:1.02rem;font-weight:600;position:relative}.nav-link:after{content:"";background:var(--gold-primary);width:0;height:2px;box-shadow:0 0 8px var(--gold-primary);transition:width var(--trans-fast);position:absolute;bottom:0;left:50%;transform:translate(-50%)}.nav-link:hover{color:var(--gold-light)}.nav-link:hover:after,.nav-link.active:after{width:100%}.nav-link.active{color:var(--gold-light)}.header-actions{flex-shrink:0;align-items:center;gap:16px;display:flex}.header-cta-btn{border:1px solid var(--gold-primary);color:var(--gold-light);font-family:var(--font-heading);letter-spacing:.08em;text-transform:uppercase;transition:all var(--trans-fast);cursor:pointer;white-space:nowrap;background:linear-gradient(#3d2f16 0%,#241a0b 100%);border-radius:3px;align-items:center;gap:9px;padding:9px 22px;font-size:.92rem;font-weight:700;display:inline-flex;box-shadow:inset 0 1px #ffebaa66,0 2px 8px #0009}.header-cta-btn:hover{color:#fff;background:linear-gradient(#523f1e 0%,#352611 100%);border-color:#ffe082;transform:translateY(-1px);box-shadow:inset 0 1px #fff5c899,0 0 16px #d4af3773}.header-cta-icon{color:var(--gold-primary)}.mobile-menu-btn{color:var(--gold-light);padding:6px;display:none}@media (width<=1120px){.header-nav{gap:16px}}@media (width<=920px){.mobile-menu-btn{display:flex}.header-cta-btn{display:none}.header-nav{border-bottom:1px solid var(--gold-border);background:#0a0e12fa;flex-direction:column;gap:18px;width:100%;padding:24px 0;display:none;position:fixed;top:82px;left:0}.header-nav.mobile-open{display:flex}}.hero-section{background-color:var(--bg-abyss);flex-direction:column;justify-content:center;align-items:center;min-height:700px;padding:68px 24px 54px;display:flex;position:relative;overflow:hidden}.hero-bg-layer{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.hero-bg-main{opacity:.98;filter:contrast(1.16)brightness(.98);background-image:url(/assets/backgrounds/hero_clean.webp);background-position:top;background-size:cover;width:100%;height:100%;position:absolute;top:0;left:0}.hero-vignette{z-index:2;background:radial-gradient(#06090c0d 0%,#06090c73 58%,#06090cf5 100%),linear-gradient(#080c1066 0%,#0000 18% 80%,#06090c 100%);width:100%;height:100%;position:absolute;top:0;left:0}.hero-content{z-index:10;text-align:center;flex-direction:column;align-items:center;max-width:1020px;margin:0 auto;display:flex;position:relative}.hero-top-ornament{margin-bottom:18px;animation:4.5s ease-in-out infinite pulseGoldGlow}.hero-compass-icon{filter:drop-shadow(0 0 18px #d4af37bf);width:78px;height:78px}.hero-title{font-family:var(--font-decorative);letter-spacing:.04em;color:var(--gold-light);background:linear-gradient(#fff6dd 0%,#f7dfa5 40%,#dfb552 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 3px 6px #000000fa)drop-shadow(0 0 24px #d4af3759);-webkit-background-clip:text;margin-bottom:20px;font-size:5.4rem;font-weight:700;line-height:.96}.hero-title-subline{font-family:var(--font-heading);background:linear-gradient(#fff 0%,#ede2cd 50%,#cca350 100%);-webkit-text-fill-color:transparent;letter-spacing:.03em;-webkit-background-clip:text;font-size:5rem;font-weight:700;line-height:1.05;display:block}.hero-subtitle{font-family:var(--font-serif);color:#dbe6ef;letter-spacing:.04em;text-shadow:0 2px 8px #000000f2;max-width:720px;margin-bottom:42px;font-size:1.55rem;font-weight:400;line-height:1.42}.hero-cta-btn{border:1.5px solid var(--gold-primary);color:var(--gold-light);font-family:var(--font-heading);letter-spacing:.18em;text-transform:uppercase;transition:all var(--trans-medium);cursor:pointer;-webkit-user-select:none;user-select:none;background:linear-gradient(#4d3a1c 0%,#2e210f 50%,#1a1106 100%);border-radius:4px;justify-content:center;align-items:center;gap:18px;padding:22px 64px;font-size:1.3rem;font-weight:700;display:inline-flex;position:relative;box-shadow:inset 0 1px #fff0be8c,inset 0 -2px #000000e6,0 0 26px #d4af3773,0 12px 30px #000000d9}.hero-cta-btn:before{content:"";pointer-events:none;border:1px solid #d4af3766;border-radius:2px;position:absolute;inset:3px}.hero-cta-btn:hover{color:#fff;background:linear-gradient(#644c24 0%,#433016 50%,#26190a 100%);border-color:#ffe699;transform:translateY(-3px);box-shadow:inset 0 1px #fffad7b3,0 0 38px #d4af37b3,0 14px 36px #000000eb}.hero-cta-btn:active{transform:translateY(1px);box-shadow:0 0 12px #d4af3759}.cta-emblem-icon{filter:drop-shadow(0 0 8px #d4af37cc);width:34px;height:34px}@media (width<=1024px){.hero-section{min-height:580px;padding:50px 20px 42px}.hero-title{font-size:4rem}.hero-title-subline{font-size:3.6rem}.hero-subtitle{font-size:1.3rem}.hero-cta-btn{padding:16px 44px;font-size:1.15rem}}@media (width<=768px){.hero-section{min-height:480px;padding:38px 16px 32px}.hero-title{font-size:2.8rem}.hero-title-subline{font-size:2.5rem}.hero-subtitle{margin-bottom:28px;font-size:1.15rem}.hero-cta-btn{letter-spacing:.12em;padding:14px 32px;font-size:1rem}}.dichotomies-section{z-index:10;padding:50px 0 30px;position:relative}.dichotomies-grid{grid-template-columns:repeat(4,1fr);gap:22px;margin-top:36px;margin-bottom:24px;display:grid}.dichotomy-card{min-height:120px;transition:all var(--trans-medium);cursor:default;background:linear-gradient(#182229 0%,#0e151a 100%);border:1px solid #a5843a80;border-radius:4px;align-items:center;gap:20px;padding:22px 24px;display:flex;position:relative;box-shadow:inset 0 0 20px #000000d9,0 6px 18px #0009}.dichotomy-card:before{content:"";pointer-events:none;transition:border-color var(--trans-fast);border:1px solid #d4af3733;border-radius:2px;position:absolute;inset:3px}.dichotomy-card:hover{border-color:var(--gold-primary);transform:translateY(-3px);box-shadow:inset 0 0 20px #000000d9,0 0 24px #d4af3759,0 8px 24px #000c}.dichotomy-card:hover:before{border-color:#d4af3780}.dichotomy-emblem-wrap{flex-shrink:0;justify-content:center;align-items:center;width:66px;height:66px;display:flex}.dichotomy-emblem{filter:drop-shadow(0 0 8px #d4af3773);width:64px;height:64px;transition:transform var(--trans-fast), filter var(--trans-fast)}.dichotomy-card:hover .dichotomy-emblem{filter:drop-shadow(0 0 14px #d4af37bf);transform:scale(1.08)}.dichotomy-content{flex-direction:column;min-width:0;display:flex}.dichotomy-title{font-family:var(--font-heading);color:#f3ebd9;letter-spacing:.04em;text-shadow:0 1px 3px #000000e6;margin-bottom:5px;font-size:1.15rem;font-weight:700;line-height:1.22}.dichotomy-desc{font-family:var(--font-serif);color:#a6b8c5;letter-spacing:.02em;font-size:.96rem;line-height:1.25}@media (width<=1200px){.dichotomies-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=680px){.dichotomies-grid{grid-template-columns:1fr;gap:14px}.dichotomy-card{min-height:auto;padding:16px 18px}.dichotomy-emblem-wrap{width:52px;height:52px}.dichotomy-emblem{width:50px;height:50px}.dichotomy-title{font-size:1.05rem}.dichotomy-desc{font-size:.88rem}}.types-carousel-section{z-index:10;padding:56px 0 44px;position:relative}.carousel-outer-wrapper{align-items:center;margin-top:42px;display:flex;position:relative}.carousel-arrow{z-index:20;border:1.5px solid var(--gold-border);width:48px;height:64px;color:var(--gold-light);cursor:pointer;transition:all var(--trans-fast);background:linear-gradient(#182229 0%,#0d1318 100%);border-radius:4px;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;transform:translateY(-50%);box-shadow:inset 0 1px #ffebaa4d,0 4px 16px #000000e6}.carousel-arrow:hover{border-color:var(--gold-primary);color:#fff;background:linear-gradient(#2b3945 0%,#151e25 100%);transform:translateY(-50%)scale(1.05);box-shadow:inset 0 1px #fff5c880,0 0 22px #d4af37a6,0 6px 20px #000000f2}.carousel-arrow.arrow-prev{left:-24px}.carousel-arrow.arrow-next{right:-24px}.carousel-track-container{scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;width:100%;padding:14px 6px 22px;overflow-x:auto}.carousel-track-container::-webkit-scrollbar{display:none}.carousel-track{cursor:grab;align-items:stretch;gap:16px;display:flex}.carousel-track:active{cursor:grabbing}.archetype-card{text-align:center;min-width:165px;transition:all var(--trans-medium);-webkit-user-select:none;user-select:none;cursor:pointer;background:#d9c4a0 radial-gradient(at 50% 20%,#f8f0defa 0%,#cdb491f2 100%);border:1.5px solid #7a6242;border-radius:4px;flex-direction:column;flex:0 0 calc(12.5% - 14px);align-items:center;padding:8px 8px 12px;display:flex;position:relative;box-shadow:inset 0 0 12px #4632198c,0 6px 18px #000c}.archetype-card:before{content:"";pointer-events:none;border:1px solid #785a3259;border-radius:2px;position:absolute;inset:3px}.archetype-card:hover{border-color:var(--gold-primary);transform:translateY(-8px)scale(1.02);box-shadow:inset 0 0 14px #b4823280,0 0 24px #d4af378c,0 14px 30px #000000e6}.archetype-portrait-wrap{aspect-ratio:1/1.02;background:#10161b;border:1px solid #5a452a;border-radius:3px;width:100%;margin-bottom:8px;position:relative;overflow:hidden;box-shadow:inset 0 0 10px #000000d9}.archetype-wax-seal{z-index:5;filter:drop-shadow(0 2px 6px #000000d9);width:28px;height:28px;transition:transform var(--trans-fast);position:absolute;top:6px;right:6px}.archetype-card:hover .archetype-wax-seal{transform:scale(1.12)rotate(6deg)}.archetype-portrait{object-fit:cover;filter:contrast(1.06)brightness(.96);width:100%;height:100%;transition:transform var(--trans-medium);display:block}.archetype-card:hover .archetype-portrait{transform:scale(1.08)}.archetype-name{font-family:var(--font-heading);color:#24190d;letter-spacing:.02em;margin-top:4px;font-size:1.05rem;font-weight:700;line-height:1.2}.archetype-code{font-family:var(--font-serif);color:#5c4728;letter-spacing:.05em;text-transform:none;margin-top:1px;font-size:.92rem;font-weight:600}@media (width<=1440px){.archetype-card{flex:0 0 calc(16.6667% - 13.3333px)}}@media (width<=1100px){.archetype-card{flex:0 0 calc(25% - 12px);min-width:155px}}@media (width<=720px){.archetype-card{flex:0 0 calc(45.4545% - 6.36364px);min-width:140px}.carousel-arrow{display:none}}.candle-container{z-index:5;pointer-events:none;-webkit-user-select:none;user-select:none;flex-direction:column;align-items:center;display:flex;position:absolute;bottom:-16px}.candle-left{left:0}.candle-right{right:0}.candle-img{filter:drop-shadow(0 0 22px #ffaa28a6);width:84px;height:auto;position:relative}.candle-glow-aura{pointer-events:none;background:radial-gradient(circle,#ffc346a6 0%,#ff82194d 45%,#0000 75%);border-radius:50%;width:80px;height:80px;animation:2.4s ease-in-out infinite flicker;position:absolute;top:10px}.candle-container:after{content:"";pointer-events:none;background:radial-gradient(#ffaa2847 0%,#0000 70%);border-radius:50%;width:150px;height:40px;position:absolute;bottom:0}@media (width<=1380px){.candle-left{left:4px}.candle-right{right:4px}}@media (width<=1200px){.candle-container{display:none}}.result-preview-section{z-index:10;padding:56px 0 80px;position:relative}.preview-wrapper{max-width:1540px;margin:44px auto 0;padding:0 54px;position:relative}.preview-main-box{z-index:10;background:linear-gradient(#151e24 0%,#0b1014 100%);border:1.5px solid #a5843a99;border-radius:4px;grid-template-columns:1.05fr 1.25fr;gap:44px;min-height:480px;padding:38px 44px;display:grid;position:relative;box-shadow:inset 0 0 36px #000000f2,0 14px 44px #000000e6}.preview-main-box:before{content:"";pointer-events:none;border:1px solid #d4af3740;border-radius:3px;position:absolute;inset:3px}.preview-profile-col{flex-direction:column;justify-content:center;padding:10px 14px;display:flex}.preview-profile-title{font-family:var(--font-heading);letter-spacing:.1em;color:#f7eedc;text-align:center;text-shadow:0 2px 4px #000000f2;margin-bottom:32px;font-size:1.4rem;font-weight:700}.preview-dichotomy-list{flex-direction:column;gap:26px;display:flex}.preview-dichotomy-row{align-items:center;gap:16px;width:100%;display:flex}.preview-axis-icon{filter:drop-shadow(0 0 6px #d4af3780);flex-shrink:0;width:36px;height:36px}.preview-axis-label-left{font-family:var(--font-heading);color:var(--silver-light);letter-spacing:.03em;white-space:nowrap;min-width:135px;font-size:.96rem;font-weight:600}.preview-score-left{font-family:var(--font-serif);color:var(--gold-light);text-align:right;text-shadow:0 0 8px #d4af3773;min-width:44px;font-size:1.18rem;font-weight:700}.preview-bar-track{background:#060b0f;border:1.5px solid #1a2830;border-radius:3px;flex:1;min-width:140px;height:16px;position:relative;overflow:hidden;box-shadow:inset 0 2px 5px #000000f2}.preview-bar-fill{background:linear-gradient(90deg,#186660 0%,#3be0d3 50%,#29b8ad 100%);border-radius:2px;height:100%;transition:width 1.2s cubic-bezier(.2,.8,.2,1);position:absolute;top:0;box-shadow:0 0 14px #3be0d3b3}.preview-score-right{font-family:var(--font-serif);color:var(--gold-light);text-align:left;text-shadow:0 0 8px #d4af3773;min-width:44px;font-size:1.18rem;font-weight:700}.preview-axis-label-right{font-family:var(--font-heading);color:var(--silver-light);letter-spacing:.03em;text-align:right;white-space:nowrap;min-width:145px;font-size:.96rem;font-weight:600}.preview-archetype-parchment{z-index:10;background:#dac4a3 radial-gradient(at 70% 30%,#f8eedcf5 0%,#c6ac8afa 100%);border:1.5px solid #756041;border-radius:4px;grid-template-columns:200px 1fr;align-items:center;gap:26px;padding:26px 28px;display:grid;position:relative;box-shadow:inset 0 0 20px #46321999,0 8px 22px #000c}.preview-archetype-parchment:before{content:"";pointer-events:none;border:1px solid #785a3266;border-radius:2px;position:absolute;inset:3px}.preview-ribbon{z-index:10;filter:drop-shadow(0 3px 6px #0009);width:34px;height:62px;position:absolute;top:-3px;right:24px}.preview-portrait-box{background:#10161b;border:1.5px solid #5a452a;border-radius:3px;width:200px;height:260px;overflow:hidden;box-shadow:inset 0 0 12px #000000e6}.preview-portrait-img{object-fit:cover;width:100%;height:100%;display:block}.preview-archetype-details{flex-direction:column;padding-right:20px;display:flex}.preview-socio-badge{font-family:var(--font-serif);color:#5c4728;letter-spacing:.08em;text-transform:uppercase;margin-bottom:3px;font-size:.9rem;font-weight:600}.preview-archetype-title{font-family:var(--font-decorative);color:#24190d;letter-spacing:.02em;font-size:2.5rem;font-weight:700;line-height:1.08}.preview-archetype-code{font-family:var(--font-serif);color:#4a371c;margin-bottom:6px;font-size:1.4rem;font-weight:600}.preview-archetype-tagline{font-family:var(--font-serif);color:#58442e;margin-bottom:12px;font-size:1rem;font-style:italic;line-height:1.35}.preview-archetype-text{font-family:var(--font-serif);color:#332618;margin-bottom:18px;font-size:1.05rem;line-height:1.48}.preview-detail-btn{color:#24190d;font-family:var(--font-heading);letter-spacing:.1em;text-transform:uppercase;transition:all var(--trans-fast);cursor:pointer;z-index:15;background:linear-gradient(#c7b08e 0%,#a88d68 100%);border:1.5px solid #6b5232;border-radius:3px;justify-content:center;align-self:flex-start;align-items:center;padding:11px 28px;font-size:.88rem;font-weight:700;display:inline-flex;position:relative;box-shadow:inset 0 1px #ffffff73,0 3px 8px #00000073}.preview-detail-btn:hover{background:linear-gradient(#d8c2a0 0%,#b89c75 100%);border-color:#4f3b20;transform:translateY(-2px);box-shadow:inset 0 1px #ffffffa6,0 0 16px #b4823280}@media (width<=1280px){.preview-main-box{grid-template-columns:1fr;gap:32px;padding:28px}.preview-archetype-parchment{grid-template-columns:160px 1fr}.preview-portrait-box{width:160px;height:210px}}@media (width<=768px){.preview-archetype-parchment{text-align:center;grid-template-columns:1fr;justify-items:center}.preview-archetype-details{align-items:center;padding-right:0}.preview-detail-btn{align-self:center}.preview-axis-label-left,.preview-axis-label-right{min-width:90px;font-size:.82rem}}.site-footer{z-index:10;background:#080c10;border-top:1.5px solid #a5843a66;margin-top:60px;padding:56px 36px 40px;position:relative}.footer-container{max-width:var(--max-content-width);text-align:center;flex-direction:column;align-items:center;gap:26px;margin:0 auto;display:flex}.footer-brand{align-items:center;gap:16px;display:flex}.footer-crest{filter:drop-shadow(0 0 8px #d4af3766);width:38px;height:44px}.footer-brand-title{font-family:var(--font-decorative);letter-spacing:.12em;color:var(--gold-light);text-transform:uppercase;font-size:1.35rem;font-weight:700}.footer-nav{flex-wrap:wrap;justify-content:center;gap:36px;display:flex}.footer-link{font-family:var(--font-heading);letter-spacing:.08em;color:#a8b8c6;transition:color var(--trans-fast);cursor:pointer;font-size:1.02rem}.footer-link:hover{color:var(--gold-light)}.footer-disclaimer{max-width:820px;font-family:var(--font-serif);color:#7b8c98;margin-top:10px;font-size:.96rem;font-style:italic;line-height:1.5}.footer-copy{font-family:var(--font-sans);color:#55646f;letter-spacing:.04em;font-size:.85rem}@media (width<=768px){.site-footer{padding:40px 20px 30px}.footer-nav{gap:20px}}.test-view-container{background-color:var(--bg-abyss);background-image:radial-gradient(at 50% 20%,#16222c73 0%,#070a0df2 75%),linear-gradient(#090e12 0%,#06090c 100%);flex-direction:column;min-height:100vh;display:flex;position:relative;overflow:hidden}.test-top-bar{z-index:20;flex-direction:column;gap:12px;width:100%;max-width:780px;margin:0 auto;padding:24px 20px 10px;display:flex;position:relative}.test-nav-row{justify-content:space-between;align-items:center;display:flex}.test-back-btn{color:var(--silver-dim);font-family:var(--font-heading);letter-spacing:.06em;transition:all var(--trans-fast);border:1px solid #0000;border-radius:3px;align-items:center;gap:6px;padding:6px 12px;font-size:.84rem;display:inline-flex}.test-back-btn:hover{color:var(--gold-light);background:#d4af3714;border-color:#d4af374d}.test-step-label{font-family:var(--font-heading);color:var(--gold-light);letter-spacing:.1em;text-transform:uppercase;font-size:.95rem;font-weight:600}.test-axis-badge{font-family:var(--font-serif);color:var(--silver-dim);font-size:.85rem;font-style:italic}.test-progress-track{background:#111a21;border:1px solid #8b6e2d66;border-radius:2px;width:100%;height:6px;position:relative;overflow:hidden;box-shadow:inset 0 1px 3px #000c}.test-progress-fill{background:linear-gradient(90deg,#b08d2b 0%,#fbe5ad 80%,#fff 100%);border-radius:1px;height:100%;transition:width .35s;box-shadow:0 0 10px #d4af3799}.test-main-content{z-index:10;flex:1;justify-content:center;align-items:center;padding:20px;display:flex;position:relative}.test-question-card{background:linear-gradient(#131b20 0%,#0d1216 100%);border:1px solid #8b6e2d99;border-radius:4px;flex-direction:column;width:100%;max-width:780px;padding:40px 48px;transition:opacity .25s,transform .25s;display:flex;position:relative;box-shadow:inset 0 0 24px #000000e6,0 12px 36px #000c}.test-question-card:before{content:"";pointer-events:none;border:1px solid #d4af3733;border-radius:3px;position:absolute;inset:3px}.test-card-transitioning{opacity:0;transform:translateY(10px)scale(.99)}.test-question-text{font-family:var(--font-serif);color:#f7edd9;text-align:center;letter-spacing:.02em;text-shadow:0 2px 4px #000c;margin-bottom:36px;font-size:1.55rem;font-weight:600;line-height:1.45}.test-options-grid{flex-direction:column;gap:18px;display:flex}.test-option-btn{text-align:left;cursor:pointer;background:linear-gradient(#1a242c 0%,#10161b 100%);border:1px solid #8b6e2d73;border-radius:3px;align-items:center;gap:16px;padding:20px 24px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:relative;box-shadow:inset 0 0 12px #000000b3,0 4px 10px #00000080}.test-option-btn:before{content:"";pointer-events:none;border:1px solid #d4af371f;border-radius:2px;position:absolute;inset:2px}.test-option-btn:hover{border-color:var(--gold-primary);background:linear-gradient(#27343e 0%,#161e24 100%);transform:translateY(-2px);box-shadow:inset 0 0 12px #0009,0 0 18px #d4af374d,0 6px 16px #000000b3}.test-option-btn.selected{background:linear-gradient(#3d3119 0%,#20170a 100%);border-color:#ffd54f;box-shadow:inset 0 0 14px #d4af3766,0 0 24px #d4af3799}.test-option-marker{border:1px solid var(--gold-border);width:28px;height:28px;font-family:var(--font-heading);color:var(--gold-light);transition:all var(--trans-fast);background:#0e1418cc;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.85rem;font-weight:700;display:flex}.test-option-btn:hover .test-option-marker,.test-option-btn.selected .test-option-marker{background:var(--gold-primary);color:#10161b;box-shadow:0 0 8px var(--gold-primary);border-color:#fff}.test-option-text{font-family:var(--font-sans);color:#d8e2ea;transition:color var(--trans-fast);font-size:1.05rem;line-height:1.45}.test-option-btn:hover .test-option-text,.test-option-btn.selected .test-option-text{color:#fff}.test-milestone-toast{border:1px solid var(--gold-primary);font-family:var(--font-heading);letter-spacing:.1em;color:var(--gold-light);text-transform:uppercase;z-index:30;background:#161e24f2;border-radius:20px;padding:8px 24px;font-size:.85rem;animation:2s ease-in-out infinite pulseGoldGlow;position:absolute;top:16px;left:50%;transform:translate(-50%);box-shadow:0 0 20px #d4af3766}.resume-modal-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:200;background:#05080ad9;justify-content:center;align-items:center;width:100%;height:100%;padding:20px;display:flex;position:fixed;top:0;left:0}.resume-modal-box{border:1px solid var(--gold-border);text-align:center;background:linear-gradient(#162026 0%,#0e1418 100%);border-radius:4px;max-width:480px;padding:32px 36px;position:relative;box-shadow:0 0 30px #000000e6}.resume-title{font-family:var(--font-heading);color:var(--gold-light);margin-bottom:12px;font-size:1.3rem}.resume-text{font-family:var(--font-serif);color:var(--silver-light);margin-bottom:24px;font-size:1.05rem;line-height:1.4}.resume-actions{justify-content:center;gap:16px;display:flex}.resume-btn-continue{border:1px solid var(--gold-primary);color:var(--gold-light);font-family:var(--font-heading);cursor:pointer;background:linear-gradient(#443419 0%,#2a1f0f 100%);border-radius:2px;padding:10px 24px;font-size:.85rem;font-weight:700}.resume-btn-restart{border:1px solid var(--silver-dim);color:var(--silver-light);font-family:var(--font-heading);cursor:pointer;background:#1e283099;border-radius:2px;padding:10px 20px;font-size:.85rem}@media (width<=768px){.test-question-card{padding:24px 20px}.test-question-text{margin-bottom:24px;font-size:1.25rem}.test-option-btn{padding:16px 18px}.test-option-text{font-size:.95rem}}.result-page-container{background-color:var(--bg-abyss);z-index:10;background-image:radial-gradient(at 50% 10%,#19263073 0%,#06090cf2 75%),linear-gradient(#090e12 0%,#06090c 100%);min-height:100vh;padding:40px 24px 80px;position:relative}.result-content-wrap{flex-direction:column;gap:36px;max-width:1380px;margin:0 auto;display:flex}.result-master-card{background:linear-gradient(#141c22 0%,#0d1216 100%);border:1.5px solid #a5843a99;border-radius:4px;grid-template-columns:280px 1fr;gap:36px;padding:36px 40px;display:grid;position:relative;box-shadow:inset 0 0 28px #000000f2,0 14px 40px #000000e6}.result-master-card:before{content:"";pointer-events:none;border:1px solid #d4af3740;border-radius:3px;position:absolute;inset:3px}.result-portrait-col{flex-direction:column;align-items:center;display:flex}.result-portrait-frame{aspect-ratio:1/1.35;background:#0d1216;border:2px solid #8d6f35;border-radius:4px;width:100%;position:relative;overflow:hidden;box-shadow:inset 0 0 20px #000000d9,0 0 24px #d4af374d}.result-portrait-frame:before{content:"";pointer-events:none;z-index:2;border:1px solid #d4af3766;position:absolute;inset:2px}.result-portrait-img{object-fit:cover;width:100%;height:100%;display:block}.result-info-col{flex-direction:column;justify-content:center;display:flex}.result-tag-badge{font-family:var(--font-heading);letter-spacing:.16em;color:var(--gold-primary);text-transform:uppercase;margin-bottom:6px;font-size:.95rem}.result-title-row{flex-wrap:wrap;align-items:baseline;gap:16px;margin-bottom:8px;display:flex}.result-type-title{font-family:var(--font-decorative);color:var(--gold-light);text-shadow:0 0 20px #d4af3773;font-size:3.2rem;font-weight:700;line-height:1.1}.result-socio-name{font-family:var(--font-serif);color:#ede2cd;font-size:1.75rem;font-weight:600}.result-code-tag{font-family:var(--font-heading);color:var(--silver-light);margin-bottom:10px;font-size:1.05rem}.result-tagline{font-family:var(--font-serif);color:var(--gold-medium);margin-bottom:24px;font-size:1.22rem;font-style:italic}.result-dichotomy-container{background:#0a0f13bf;border:1px solid #8b6e2d59;border-radius:4px;flex-direction:column;gap:18px;padding:20px 24px;display:flex}.result-actions-bar{flex-wrap:wrap;justify-content:center;align-items:center;gap:18px;display:flex}.result-action-btn{border:1.5px solid var(--gold-border);color:var(--gold-light);font-family:var(--font-heading);letter-spacing:.1em;text-transform:uppercase;transition:all var(--trans-fast);cursor:pointer;background:linear-gradient(#1e2a34 0%,#12181f 100%);border-radius:3px;align-items:center;gap:10px;padding:14px 28px;font-size:.92rem;font-weight:700;display:inline-flex;box-shadow:0 4px 14px #0009}.result-action-btn:hover{border-color:var(--gold-primary);color:#fff;background:linear-gradient(#2e3e4c 0%,#1a242d 100%);transform:translateY(-2px);box-shadow:0 0 20px #d4af3766}.result-action-btn.primary{border-color:var(--gold-primary);background:linear-gradient(#4d3a1c 0%,#2e210f 100%)}.result-action-btn.primary:hover{background:linear-gradient(#644c24 0%,#433016 100%);box-shadow:0 0 24px #d4af3799}.result-deep-sections{grid-template-columns:1fr 1fr;gap:24px;display:grid}.result-section-box{background:linear-gradient(#131a20 0%,#0d1216 100%);border:1px solid #8b6e2d73;border-radius:4px;padding:26px 28px;box-shadow:inset 0 0 20px #000000d9,0 6px 16px #000000a6}.result-section-title{font-family:var(--font-heading);color:var(--gold-light);letter-spacing:.08em;border-bottom:1px solid #8b6e2d4d;margin-bottom:14px;padding-bottom:10px;font-size:1.18rem;font-weight:700}.result-section-text{font-family:var(--font-sans);color:#d1dbe2;font-size:1rem;line-height:1.6}.result-bullet-list{flex-direction:column;gap:12px;list-style:none;display:flex}.result-bullet-item{font-family:var(--font-sans);color:#d1dbe2;padding-left:24px;font-size:.98rem;line-height:1.5;position:relative}.result-bullet-item:before{content:"❖";color:var(--gold-primary);font-size:.82rem;position:absolute;top:0;left:0}.related-types-section{background:linear-gradient(#131b20 0%,#0d1216 100%);border:1.5px solid #8b6e2d80;border-radius:4px;padding:28px 32px;box-shadow:inset 0 0 20px #000000d9,0 6px 18px #000000b3}.related-types-grid{grid-template-columns:repeat(3,1fr);gap:20px;margin-top:20px;display:grid}.related-type-card{text-align:center;transition:all var(--trans-fast);cursor:pointer;background:#141c22d9;border:1px solid #8b6e2d66;border-radius:4px;flex-direction:column;align-items:center;gap:8px;padding:20px;display:flex}.related-type-card:hover{border-color:var(--gold-primary);background:#202e38f2;transform:translateY(-4px);box-shadow:0 0 18px #d4af3759}.related-type-affinity{font-family:var(--font-heading);color:var(--gold-light);font-size:1.35rem;font-weight:700}.related-type-affinity-label{font-family:var(--font-serif);color:var(--silver-dim);text-transform:uppercase;letter-spacing:.06em;font-size:.84rem}.related-type-name{font-family:var(--font-heading);color:#ede2cd;font-size:1.1rem;font-weight:700}.related-type-code{font-family:var(--font-serif);color:var(--silver-light);font-size:.92rem}@media (width<=1024px){.result-master-card{text-align:center;grid-template-columns:1fr;justify-items:center}.result-portrait-frame{max-width:240px}.result-title-row{justify-content:center}.result-deep-sections,.related-types-grid{grid-template-columns:1fr}}.all-types-container{background-color:var(--bg-abyss);z-index:10;background-image:radial-gradient(at 50% 10%,#19263073 0%,#06090cf2 75%),linear-gradient(#090e12 0%,#06090c 100%);min-height:100vh;padding:40px 24px 80px;position:relative}.all-types-wrapper{max-width:1440px;margin:0 auto}.all-types-top{justify-content:space-between;align-items:center;margin-bottom:28px;display:flex}.quadra-filters{flex-wrap:wrap;justify-content:center;gap:14px;margin-bottom:36px;display:flex}.filter-btn{color:var(--silver-light);font-family:var(--font-heading);letter-spacing:.08em;transition:all var(--trans-fast);cursor:pointer;background:#12191fd9;border:1px solid #8b6e2d73;border-radius:3px;padding:8px 22px;font-size:.92rem}.filter-btn:hover,.filter-btn.active{border-color:var(--gold-primary);color:var(--gold-light);background:linear-gradient(#4d3a1c 0%,#2e210f 100%);box-shadow:0 0 14px #d4af3766}.types-master-grid{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}.type-grid-card{text-align:center;transition:all var(--trans-medium);cursor:pointer;background:#deb887 radial-gradient(at 50% 30%,#f8eedcf5 0%,#c8af8cf5 100%);border:1.5px solid #7d6545;border-radius:4px;flex-direction:column;align-items:center;padding:14px;display:flex;position:relative;box-shadow:inset 0 0 12px #46321999,0 6px 16px #000000bf}.type-grid-card:before{content:"";pointer-events:none;border:1px solid #785a3266;border-radius:2px;position:absolute;inset:3px}.type-grid-card:hover{border-color:var(--gold-primary);transform:translateY(-6px)scale(1.02);box-shadow:inset 0 0 14px #b4823280,0 0 24px #d4af3773}.type-grid-portrait-wrap{aspect-ratio:1/1.12;background:#12181c;border:1.5px solid #5a452a;border-radius:3px;width:100%;margin-bottom:12px;overflow:hidden;box-shadow:inset 0 0 8px #000000d9}.type-grid-portrait{object-fit:cover;width:100%;height:100%;display:block}.type-grid-title{font-family:var(--font-heading);color:#24190d;font-size:1.18rem;font-weight:700;line-height:1.15}.type-grid-sub{font-family:var(--font-serif);color:#574128;margin-top:3px;font-size:.98rem}.type-grid-quadra-badge{font-family:var(--font-sans);text-transform:uppercase;letter-spacing:.06em;color:#795d3a;margin-top:6px;font-size:.8rem}@media (width<=1100px){.types-master-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=768px){.types-master-grid{grid-template-columns:repeat(2,1fr);gap:16px}}:root{--bg-abyss:#06090c;--bg-dark:#090d11;--bg-surface:#0e1419;--bg-surface-elevated:#131c23;--bg-surface-hover:#19242d;--bg-overlay:#06090ce6;--gold-light:#fbe8b5;--gold-primary:#d4af37;--gold-medium:#b59030;--gold-dark:#745815;--gold-border:#8b6e2d;--gold-glow:#d4af3766;--bronze-dark:#3a2b16;--bronze-medium:#5c4728;--silver-dim:#8496a3;--silver-light:#d2dce5;--quadra-alpha:#4a90e2;--quadra-beta:#c0392b;--quadra-gamma:#e67e22;--quadra-delta:#27ae60;--teal-glow:#38d3c7;--teal-primary:#25968d;--teal-dark:#124d48;--teal-bar-bg:#091216;--parchment-bg:#dfd2b9;--parchment-light:#f0e6d2;--parchment-dark:#b8a685;--parchment-text:#271c11;--parchment-sub:#544432;--parchment-border:#756041;--candle-flame:#ffbe3b;--candle-glow:#ffaa2859;--candle-wax:#c9bca6;--font-decorative:"Cinzel Decorative", "Cinzel", serif;--font-heading:"Cinzel", serif;--font-serif:"Cormorant Garamond", Georgia, serif;--font-sans:"Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--text-body:1.05rem;--text-small:.92rem;--text-nav:1.05rem;--text-section-title:1.7rem;--text-card-title:1.18rem;--trans-fast:.2s cubic-bezier(.4, 0, .2, 1);--trans-medium:.35s cubic-bezier(.4, 0, .2, 1);--trans-slow:.6s cubic-bezier(.4, 0, .2, 1);--max-content-width:1540px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;background-color:var(--bg-abyss);color:var(--silver-light);font-size:16px;font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background-color:var(--bg-abyss);background-image:radial-gradient(at 50% 0,#14202873 0%,#06090cf2 75%),radial-gradient(circle at 50% 100%,#0f1419cc 0%,#06090c 100%);min-height:100vh;overflow-x:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-abyss)}::-webkit-scrollbar-thumb{background:var(--bronze-medium);border:1px solid var(--gold-dark);border-radius:2px}::-webkit-scrollbar-thumb:hover{background:var(--gold-medium)}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;outline:none;font-family:inherit}.medieval-border{border:1px solid var(--gold-border);position:relative;box-shadow:inset 0 0 16px #000000d9,0 4px 20px #000000bf}.medieval-border:before{content:"";pointer-events:none;border:1px solid #d4af3740;position:absolute;inset:2px}.text-gold-gradient{background:linear-gradient(180deg, var(--gold-light) 0%, var(--gold-primary) 50%, var(--gold-medium) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.text-silver-gradient{background:linear-gradient(180deg, #fff 0%, var(--silver-light) 60%, var(--silver-dim) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.section-divider{text-align:center;justify-content:center;align-items:center;gap:20px;margin:0 auto;display:flex}.section-divider-title{font-family:var(--font-heading);letter-spacing:.16em;color:var(--gold-light);text-transform:uppercase;white-space:nowrap;text-shadow:0 2px 4px #000000f2,0 0 16px #d4af3759;align-items:center;gap:16px;font-size:1.65rem;font-weight:700;display:flex}.section-divider-line{background:linear-gradient(90deg, transparent, var(--gold-primary), transparent);flex:1;max-width:220px;height:1.5px}.section-divider-diamond{background-color:var(--gold-primary);width:8px;height:8px;box-shadow:0 0 8px var(--gold-primary);display:inline-block;transform:rotate(45deg)}.container{width:100%;max-width:var(--max-content-width);margin:0 auto;padding:0 36px}@keyframes flicker{0%,to{opacity:.95;transform:scale(1)translateY(0)}25%{opacity:.85;transform:scale(.98)translateY(1px)}50%{opacity:1;transform:scale(1.03)translateY(-1px)}75%{opacity:.9;transform:scale(.99)translateY(.5px)}}@keyframes floatMist{0%{opacity:.25;transform:translate(-4%)translateY(0)}50%{opacity:.45;transform:translate(4%)translateY(-8px)}to{opacity:.25;transform:translate(-4%)translateY(0)}}@keyframes pulseGoldGlow{0%,to{filter:drop-shadow(0 0 10px #d4af3766);transform:scale(1)}50%{filter:drop-shadow(0 0 24px #d4af37bf);transform:scale(1.02)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}