@import "https://fonts.googleapis.com/css2?family=Cinzel:wght@400;500;600;700&family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500&family=Inter:wght@300;400;500;600&family=JetBrains+Mono:wght@400;500&display=swap";:root{--bg-primary:#fefcf8;--bg-secondary:#f5f0e8;--bg-card:#9e48340f;--bg-card-hover:#9e48341f;--gold:#8b3520;--gold-light:#6b2818;--gold-dim:#7a3020;--gold-glow:#9e483426;--teal:#2c5f6e;--teal-light:#3d8a9e;--teal-dark:#1a3d47;--cream:#fefcf8;--cream-dim:#c4b99a;--parchment:#e8dcc8;--text-primary:#1a1a1a;--text-secondary:#2e2720;--text-muted:#6b6050;--accent:var(--gold);--accent-light:var(--gold-light);--accent-glow:var(--gold-glow);--success:#7ab87a;--warning:#d4a843;--danger:#c45c5c;--border:#9e483433;--border-strong:#9e483459;--radius:4px;--radius-sm:3px;--serif:"Cormorant Garamond", "Georgia", serif;--inscription:"Cinzel", "Trajan Pro", serif;--sans:"Inter", system-ui, -apple-system, sans-serif;--mono:"JetBrains Mono", ui-monospace, monospace}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--sans);background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;min-height:100vh;overflow-x:hidden}#root{min-height:100vh}button{font-family:var(--sans);cursor:pointer;border:none;outline:none}input{font-family:var(--sans);outline:none}::selection{background:var(--gold);color:#fff}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--gold);border-radius:2px}.app{flex-direction:column;min-height:100vh;display:flex;position:relative}.lang-toggle{z-index:1000;border:1px solid var(--border);color:var(--gold-dim);font-family:var(--mono);letter-spacing:2px;cursor:pointer;background:0 0;border-radius:2px;padding:5px 14px;font-size:12px;font-weight:500;transition:all .4s;position:fixed;top:20px;right:24px}.lang-toggle:hover{border-color:var(--gold);color:var(--gold)}.lang-select{background:var(--bg-primary);justify-content:center;align-items:center;min-height:100vh;padding:40px 24px;display:flex;position:relative}.lang-select:before{content:"";pointer-events:none;background:radial-gradient(at 30% 20%,#c9a84c08 0%,#0000 60%),radial-gradient(at 70% 80%,#2c5f6e0a 0%,#0000 60%);position:absolute;inset:0}.lang-select-inner{text-align:center;z-index:1;max-width:480px;position:relative}.lang-ornament{color:var(--gold-dim);opacity:.6;letter-spacing:12px;margin-bottom:32px;font-size:24px}.lang-select-title{font-family:var(--inscription);letter-spacing:8px;color:var(--gold-light);margin-bottom:8px;font-size:42px;font-weight:400}.lang-select-subtitle{font-family:var(--serif);color:var(--text-muted);letter-spacing:3px;margin-bottom:48px;font-size:16px;font-style:italic;font-weight:300}.lang-divider{align-items:center;gap:16px;margin-bottom:32px;display:flex}.lang-divider-line{background:linear-gradient(90deg, transparent, var(--gold-dim), transparent);opacity:.3;flex:1;height:1px}.lang-divider-text{letter-spacing:3px;text-transform:uppercase;color:var(--text-muted);font-size:11px}.lang-options{flex-direction:column;gap:16px;margin-bottom:48px;display:flex}.lang-option{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);text-align:center;cursor:pointer;padding:24px 32px;transition:all .4s;position:relative}.lang-option:hover{border-color:var(--gold);background:var(--bg-card-hover);transform:translateY(-1px)}.lang-option-name{font-family:var(--serif);color:var(--gold-light);letter-spacing:2px;margin-bottom:4px;font-size:24px;font-weight:400;display:block}.lang-option-sub{color:var(--text-muted);letter-spacing:1px;font-size:12px;display:block}.lang-option-badge{color:var(--success);letter-spacing:1px;border:1px solid #7ab87a4d;border-radius:2px;margin-top:10px;padding:3px 12px;font-size:11px;font-weight:500;display:inline-block}.lang-select-footer{color:var(--text-muted);letter-spacing:1px;opacity:.5;justify-content:center;gap:8px;font-size:11px;display:flex}.lang-footer-dot{color:var(--gold-dim)}.landing{flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:60px 24px;display:flex;position:relative}.landing:before{content:"";pointer-events:none;background:radial-gradient(circle,#c9a84c0a 0%,#0000 60%);width:800px;height:800px;position:absolute;top:-100px;left:50%;transform:translate(-50%)}.landing-content{text-align:center;z-index:1;max-width:640px;position:relative}.landing-brand{font-family:var(--inscription);letter-spacing:6px;color:var(--gold-dim);margin-bottom:24px;font-size:14px;font-weight:400}.landing-title{font-family:var(--serif);letter-spacing:2px;color:var(--gold-light);margin-bottom:24px;font-size:56px;font-weight:300;line-height:1.2}.landing-subtitle{font-family:var(--serif);color:var(--text-secondary);margin-bottom:48px;font-size:17px;font-weight:300;line-height:1.85}.landing-features{background:var(--border);border:1px solid var(--border);border-radius:var(--radius);grid-template-columns:repeat(3,1fr);gap:1px;margin-bottom:48px;display:grid;overflow:hidden}.feature-card{background:var(--bg-secondary);text-align:center;padding:28px 16px;transition:background .4s}.feature-card:hover{background:var(--bg-card-hover)}.feature-icon{opacity:.8;margin-bottom:12px;font-size:20px}.feature-label{font-family:var(--serif);color:var(--gold-light);letter-spacing:.5px;margin-bottom:6px;font-size:15px;font-weight:500}.feature-desc{color:var(--text-muted);letter-spacing:.5px;font-size:11px}.landing-highlight{border:1px solid var(--border);border-radius:var(--radius);text-align:left;background:var(--bg-card);margin-bottom:48px;padding:28px 24px}.highlight-title{font-family:var(--serif);color:var(--gold-dim);text-align:center;letter-spacing:3px;text-transform:uppercase;margin-bottom:20px;font-size:13px;font-weight:400}.highlight-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.highlight-item{color:var(--text-secondary);font-size:13px;font-family:var(--serif);align-items:center;gap:10px;display:flex}.highlight-check{color:var(--gold);flex-shrink:0;font-size:14px}.btn-primary{color:var(--gold-light);font-family:var(--serif);letter-spacing:4px;text-transform:uppercase;border:1px solid var(--gold);border-radius:var(--radius);background:0 0;padding:14px 48px;font-size:16px;font-weight:400;transition:all .4s}.btn-primary:hover{background:#c9a84c1a;box-shadow:0 0 30px #c9a84c1a}.btn-secondary{color:var(--text-muted);letter-spacing:2px;text-transform:uppercase;border:1px solid var(--border);border-radius:var(--radius);background:0 0;padding:8px 20px;font-size:12px;font-weight:400;transition:all .4s}.btn-secondary:hover{color:var(--gold-dim);border-color:var(--gold-dim)}.landing-actions{flex-direction:column;align-items:center;gap:16px;display:flex}.landing-price{color:var(--text-muted);letter-spacing:2px;font-size:12px}.landing-promo{text-align:center}.promo-badge{color:var(--success);font-family:var(--serif);border-radius:var(--radius);letter-spacing:2px;border:1px solid #7ab87a4d;padding:6px 20px;font-size:15px;font-weight:500;display:inline-block}.promo-countdown{color:var(--success);font-size:12px;font-family:var(--mono);opacity:.7;margin-top:6px}.landing-footer{justify-content:center;gap:40px;margin-top:56px;display:flex}.landing-stat{text-align:center}.landing-stat-value{font-family:var(--serif);color:var(--gold);font-size:28px;font-weight:300}.landing-stat-label{color:var(--text-muted);letter-spacing:2px;text-transform:uppercase;margin-top:4px;font-size:10px}.landing-creator{color:var(--text-muted);letter-spacing:1px;margin-top:40px;font-size:12px}.landing-creator strong{color:var(--text-secondary);font-weight:400}.test-runner{flex-direction:column;min-height:100vh;display:flex}.test-header{background:var(--bg-secondary);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.test-header-left{align-items:center;gap:16px;display:flex}.test-subtest-name{font-family:var(--serif);color:var(--gold);letter-spacing:2px;font-size:15px;font-weight:500}.test-progress-text{color:var(--text-muted);font-size:12px;font-family:var(--mono)}.test-timer{font-family:var(--mono);border-radius:var(--radius);color:var(--text-secondary);border:1px solid var(--border);padding:4px 14px;font-size:14px;font-weight:500}.test-timer.warning{color:var(--warning);border-color:#d4a8434d}.test-timer.danger{color:var(--danger);border-color:#c45c5c4d;animation:1s infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.test-quit{color:var(--text-muted);letter-spacing:2px;text-transform:uppercase;background:0 0;padding:4px 12px;font-size:12px;transition:color .3s}.test-quit:hover{color:var(--danger)}.test-progress-bar{background:var(--bg-secondary);height:1px}.test-progress-fill{background:linear-gradient(90deg, var(--gold-dim), var(--gold));height:100%;transition:width .4s}.test-body{flex-direction:column;flex:1;justify-content:center;align-items:center;width:100%;max-width:720px;margin:0 auto;padding:48px 24px;display:flex}.test-question{font-family:var(--serif);text-align:center;color:var(--text-primary);margin-bottom:40px;font-size:22px;font-weight:400;line-height:1.6}.test-premise{color:var(--text-secondary);text-align:center;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);font-size:15px;line-height:1.85;font-family:var(--mono);margin-bottom:24px;padding:24px;font-size:13px}.test-options{flex-direction:column;gap:10px;width:100%;max-width:560px;display:flex}.test-option{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);font-family:var(--serif);color:var(--text-primary);text-align:left;cursor:pointer;align-items:center;gap:14px;padding:16px 20px;font-size:16px;transition:all .3s;display:flex}.test-option:hover{border-color:var(--gold);background:var(--bg-card-hover)}.test-option.selected{border-color:var(--gold);background:#c9a84c14}.test-option-key{font-family:var(--mono);color:var(--gold-dim);border:1px solid var(--border);border-radius:2px;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:11px;font-weight:500;display:flex}.matrix-grid{grid-template-columns:repeat(3,1fr);gap:6px;max-width:330px;margin-bottom:36px;display:grid}.matrix-cell{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);justify-content:center;align-items:center;width:100px;height:100px;display:flex}.matrix-cell.missing{border-color:var(--gold);border-style:dashed}.matrix-cell.missing:after{content:"?";font-family:var(--serif);color:var(--gold);font-size:28px;font-weight:300}.memory-display{justify-content:center;gap:12px;margin-bottom:40px;display:flex}.memory-digit{width:56px;height:68px;font-size:28px;font-weight:400;font-family:var(--serif);background:var(--bg-card);border:1px solid var(--gold-dim);border-radius:var(--radius);color:var(--gold-light);justify-content:center;align-items:center;animation:.4s digitFade;display:flex}@keyframes digitFade{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.memory-hidden .memory-digit{color:#0000;border-color:var(--border)}.memory-input-area{flex-direction:column;align-items:center;gap:16px;display:flex}.memory-boxes{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.memory-box{width:44px;height:54px;font-size:22px;font-family:var(--serif);text-align:center;background:var(--bg-card);border:1px solid var(--border-strong);border-radius:var(--radius);color:var(--gold-light);caret-color:var(--gold);padding:0;font-weight:400}.memory-box:focus{border-color:var(--gold);background:var(--bg-card-hover);outline:none}.memory-instruction{font-family:var(--serif);color:var(--text-muted);letter-spacing:1px;margin-bottom:24px;font-size:15px}.speed-target{color:var(--gold-light);margin-bottom:36px;font-size:64px}.speed-options{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.speed-option{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;padding:20px;font-size:32px;transition:all .2s}.speed-option:hover{border-color:var(--gold);transform:scale(1.03)}.subtest-intro{text-align:center;max-width:480px}.subtest-intro-icon{opacity:.8;margin-bottom:20px;font-size:36px}.subtest-intro-name{font-family:var(--serif);color:var(--gold-light);letter-spacing:1px;margin-bottom:8px;font-size:28px;font-weight:400}.subtest-intro-factor{font-size:12px;font-family:var(--mono);color:var(--gold-dim);letter-spacing:2px;margin-bottom:20px}.subtest-intro-desc{font-family:var(--serif);color:var(--text-secondary);margin-bottom:32px;font-size:15px;line-height:1.8}.subtest-intro-meta{color:var(--text-muted);letter-spacing:1px;justify-content:center;gap:24px;margin-bottom:32px;font-size:12px;display:flex}.results{max-width:800px;min-height:100vh;margin:0 auto;padding:48px 24px}.results-header{text-align:center;margin-bottom:56px}.results-brand{font-family:var(--inscription);letter-spacing:5px;color:var(--gold-dim);margin-bottom:28px;font-size:13px}.results-iq{font-family:var(--serif);color:var(--gold-light);letter-spacing:4px;margin-bottom:8px;font-size:88px;font-weight:300}.results-classification{font-family:var(--serif);color:var(--gold);letter-spacing:2px;margin-bottom:8px;font-size:20px;font-weight:400}.results-percentile{color:var(--text-muted);letter-spacing:1px;font-size:13px}.results-section{margin-bottom:36px}.results-section-title{font-family:var(--serif);letter-spacing:3px;text-transform:uppercase;color:var(--gold-dim);margin-bottom:16px;font-size:14px;font-weight:400}.results-factors{background:var(--border);border:1px solid var(--border);border-radius:var(--radius);grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1px;display:grid;overflow:hidden}.factor-card{background:var(--bg-secondary);padding:20px}.factor-label{font-size:11px;font-family:var(--mono);color:var(--text-muted);letter-spacing:1px;margin-bottom:8px}.factor-score{font-family:var(--serif);color:var(--gold-light);font-size:32px;font-weight:300}.factor-name{color:var(--text-muted);margin-top:4px;font-size:12px}.results-subtests{background:var(--border);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:1px;display:flex;overflow:hidden}.subtest-result{background:var(--bg-secondary);justify-content:space-between;align-items:center;padding:14px 20px;display:flex}.subtest-result-left{align-items:center;gap:12px;display:flex}.subtest-result-name{font-family:var(--serif);color:var(--text-primary);font-size:14px;font-weight:400}.subtest-result-factor{font-size:11px;font-family:var(--mono);color:var(--text-muted)}.subtest-result-right{align-items:center;gap:16px;display:flex}.subtest-result-score{font-family:var(--serif);color:var(--gold);text-align:right;min-width:36px;font-size:20px;font-weight:300}.subtest-result-bar{background:#c9a84c1a;border-radius:1px;width:100px;height:3px;overflow:hidden}.subtest-result-bar-fill{background:linear-gradient(90deg, var(--gold-dim), var(--gold));border-radius:1px;height:100%;transition:width 1.2s}.results-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:40px;display:flex}.results-verification{text-align:center;border:1px solid var(--border);border-radius:var(--radius);margin-top:32px;padding:24px}.verification-code{font-family:var(--mono);color:var(--gold);letter-spacing:3px;font-size:16px;font-weight:500}.verification-label{color:var(--text-muted);letter-spacing:1px;margin-top:6px;font-size:11px}.methodology{max-width:720px;margin:0 auto;padding:48px 24px 80px}.methodology h1{font-family:var(--serif);color:var(--gold-light);letter-spacing:1px;margin-bottom:8px;font-size:36px;font-weight:300}.methodology-subtitle{font-family:var(--serif);color:var(--text-muted);margin-bottom:48px;font-size:15px;font-style:italic;line-height:1.8}.methodology h2{font-family:var(--serif);color:var(--gold);letter-spacing:.5px;margin-top:48px;margin-bottom:16px;font-size:22px;font-weight:400}.methodology h3{font-family:var(--serif);color:var(--gold-dim);margin-top:28px;margin-bottom:8px;font-size:17px;font-weight:500}.methodology p{font-family:var(--serif);color:var(--text-secondary);margin-bottom:16px;font-size:16px;line-height:1.85}.methodology ul,.methodology ol{font-family:var(--serif);color:var(--text-secondary);margin-bottom:16px;padding-left:24px;font-size:15px;line-height:1.85}.methodology code{font-family:var(--mono);background:var(--bg-card);border:1px solid var(--border);color:var(--gold);border-radius:2px;padding:2px 6px;font-size:13px}.methodology table{border-collapse:collapse;border:1px solid var(--border);width:100%;margin-bottom:24px}.methodology th,.methodology td{text-align:left;border-bottom:1px solid var(--border);padding:10px 16px;font-size:13px}.methodology th{font-family:var(--serif);color:var(--gold-dim);text-transform:uppercase;letter-spacing:2px;background:var(--bg-card);font-size:11px;font-weight:500}.methodology td{color:var(--text-secondary);font-family:var(--serif)}.back-btn{color:var(--text-muted);letter-spacing:2px;text-transform:uppercase;background:0 0;align-items:center;gap:8px;margin-bottom:32px;font-size:12px;transition:color .3s;display:inline-flex}.back-btn:hover{color:var(--gold)}.copyright{color:var(--text-muted);letter-spacing:1px;opacity:.5;margin-top:16px;font-size:10px}@media (width<=768px){.landing-title{font-size:36px}.lang-select-title{letter-spacing:4px;font-size:24px}.landing-features,.highlight-grid{grid-template-columns:1fr}.results-iq{font-size:64px}.results-factors{grid-template-columns:1fr 1fr}.speed-options{grid-template-columns:repeat(2,1fr)}.matrix-cell{width:80px;height:80px}.landing-footer{gap:24px}}