.container{max-width:var(--max-w);margin:0 auto;padding:0 28px;position:relative;z-index:1}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:52px;padding:0 34px;border-radius:2px;background:var(--amber);color:#15120b;font-weight:700;font-size:15px;letter-spacing:.06em;border:1px solid var(--amber);cursor:pointer;text-decoration:none;transition:background .25s ease,transform .15s ease;font-family:inherit}.btn-primary:hover{color:#15120b;background:var(--amber-bright);border-color:var(--amber-bright);transform:translateY(-1px)}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:50px;padding:0 28px;border-radius:2px;background:transparent;color:var(--gold);font-weight:600;font-size:14.5px;letter-spacing:.06em;border:1px solid var(--gold-faint);cursor:pointer;text-decoration:none;transition:background .25s,color .25s,border-color .25s;font-family:inherit}.page-hero{padding:70px 0 60px;text-align:center;position:relative;overflow:hidden}.page-hero .eyebrow{display:block;margin-bottom:14px;position:relative}.page-hero h1{font-size:clamp(28px,4.5vw,40px);font-weight:600;margin-bottom:14px;position:relative;line-height:1.4;color:var(--white)}.page-hero p{font-size:17px;color:var(--white-2);max-width:600px;margin:0 auto;position:relative;line-height:1.55}.quiz-wrap{max-width:720px;margin:0 auto}.quiz-progress{margin-bottom:32px}.quiz-progress-top{display:flex;justify-content:space-between;font-size:13px;color:var(--text-secondary);margin-bottom:8px}.quiz-progress-bar{height:2px;background:#efebe21a;border-radius:0;overflow:hidden}.quiz-progress-fill{height:100%;background:var(--gold);border-radius:0;transition:width .4s}.quiz-card{background:var(--bg-card);border:1px solid var(--gold-faint);border-radius:0;padding:40px 44px;margin-bottom:24px;animation:fadeIn .4s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.quiz-q-num{font-family:var(--font-serif);font-size:13px;color:var(--gold);font-weight:600;letter-spacing:.1em;margin-bottom:12px;font-variant-numeric:tabular-nums}.quiz-q-text{font-family:var(--font-serif);font-size:21px;font-weight:600;letter-spacing:.03em;margin-bottom:24px;line-height:1.6}.quiz-options{display:flex;flex-direction:column;gap:12px}.quiz-opt{padding:15px 18px;border-radius:0;border:1px solid var(--hairline);background:transparent;cursor:pointer;transition:all .2s;font-size:14.5px;color:var(--text-secondary);line-height:1.5;display:flex;align-items:center;gap:12px}.quiz-opt:hover{border-color:#efebe24d;color:var(--text)}.quiz-opt.selected{border-color:var(--gold);background:#ebbc4212;color:var(--text)}.quiz-opt-letter{font-family:var(--font-serif);color:var(--gold);font-size:15px;font-weight:600;flex-shrink:0;transition:all .2s}.quiz-opt.selected .quiz-opt-letter{color:var(--gold)}.quiz-nav{display:flex;justify-content:space-between;align-items:center;margin-top:24px}.quiz-btn{padding:13px 30px;border-radius:2px;font-weight:700;font-size:14.5px;letter-spacing:.06em;border:1px solid transparent;cursor:pointer;transition:all .2s}.quiz-btn.next{background:var(--gold);color:#15120b;border-color:var(--gold)}.quiz-btn.next:hover{background:var(--amber-bright);border-color:var(--amber-bright);transform:translateY(-1px)}.quiz-btn.next:disabled{opacity:.4;cursor:not-allowed;transform:none}.quiz-btn.prev{background:transparent;border-color:var(--hairline);color:var(--text-secondary)}.quiz-btn.prev:hover{color:var(--text)}.quiz-result{display:none;text-align:center;animation:fadeIn .6s ease}.result-type-icon{font-size:72px;margin-bottom:16px}.result-type-name{font-family:var(--font-serif);font-size:30px;font-weight:600;letter-spacing:.06em;margin-bottom:8px}.result-type-eng{font-family:var(--font-en-deco);font-size:14px;letter-spacing:.2em;text-transform:uppercase;color:var(--text-muted);margin-bottom:24px}.result-desc{font-size:16px;color:var(--text-secondary);line-height:1.8;max-width:560px;margin:0 auto 32px;text-align:left}.result-traits{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:32px;text-align:left}.result-trait{background:var(--bg-card);border:1px solid var(--hairline);border-radius:0;padding:16px 18px}.result-trait h4{font-size:14px;font-weight:700;margin-bottom:6px;display:flex;align-items:center;gap:6px}.result-trait p{font-size:13px;color:var(--text-secondary);line-height:1.6}.score-bars{margin-bottom:32px;text-align:left}.score-bar-item{margin-bottom:12px}.score-bar-label{display:flex;justify-content:space-between;font-size:13px;margin-bottom:4px}.score-bar-label span:first-child{color:var(--text-secondary)}.score-bar-label span:last-child{font-weight:600;font-family:var(--font-serif);font-variant-numeric:tabular-nums}.score-bar-track{height:2px;background:#efebe21a;border-radius:0;overflow:hidden}.score-bar-fill{height:100%;border-radius:0;transition:width .8s ease}.result-cta{margin-top:32px}.result-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:16px}.quiz-start{text-align:center;padding:40px}.quiz-start h3{font-family:var(--font-serif);font-size:23px;font-weight:600;letter-spacing:.04em;margin-bottom:12px}.quiz-start p{font-size:15px;color:var(--text-secondary);margin-bottom:24px;max-width:480px;margin-left:auto;margin-right:auto;line-height:1.7}.quiz-start .quiz-meta{display:flex;gap:18px;justify-content:center;align-items:center;margin-bottom:32px}.quiz-start .quiz-meta span{font-size:13px;color:var(--text-muted);display:flex;align-items:center;gap:4px;letter-spacing:.05em}.quiz-start .quiz-meta .qm-dot{color:var(--gold);font-size:7px}@media(max-width:768px){.page-hero{padding:50px 0 40px}.page-hero h1{font-size:32px}.quiz-card{padding:24px 18px}.quiz-q-text{font-size:17px}.quiz-opt{padding:14px 16px;font-size:14px;-webkit-tap-highlight-color:rgba(235,188,66,.2);touch-action:manipulation}.quiz-nav{gap:12px}.quiz-btn{padding:14px 20px;font-size:14px;flex:1;text-align:center;min-height:48px}.quiz-btn.prev{flex:0 0 auto}.result-traits{grid-template-columns:1fr}.result-type-name{font-size:26px}.quiz-start .quiz-meta{flex-wrap:wrap;gap:12px}}