*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: var(--color-surface, #ffffff);--bg-2: var(--color-bg, #f7f6f3);--bg-3: var(--color-border-light, #efede8);--text: var(--color-text, #1a1a1a);--text-2: var(--color-text-secondary, #5a5a5a);--text-3: var(--color-text-muted, #9a9a9a);--border: rgba(0,0,0,.1);--border-2:rgba(0,0,0,.18);--accent: var(--color-accent, #E67E22);--acc-lt: var(--color-accent-light, #FFF3E6);--acc-dk: var(--color-accent-hover, #D35400);--green: var(--color-success, #059669);--grn-lt: var(--color-success-light, #ECFDF5);--grn-dk: var(--color-success-dark, #047857);--r-md: 8px;--r-lg: 12px;--r-xl: 16px}.page{max-width:580px;margin:0 auto}.eyebrow{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin-bottom:.5rem;font-weight:700}h1{font-size:28px;font-weight:700;line-height:1.2;margin-bottom:.5rem;color:var(--text)}.subtitle{font-size:15px;color:var(--text-2);line-height:1.6;margin-bottom:1.5rem}.btn-start{display:block;width:100%;padding:13px;background:var(--accent);color:#fff;border:none;border-radius:var(--r-md);font-size:14px;font-weight:500;cursor:pointer;transition:background .15s;margin-bottom:.75rem}.btn-start:hover{background:#a66614}.intro-note{font-size:11px;color:var(--text-3);text-align:center}.prog-wrap{display:flex;align-items:center;gap:10px;margin-bottom:1.5rem}.prog-bar{flex:1;height:3px;background:var(--bg-3);border-radius:2px}.prog-fill{height:100%;background:var(--accent);border-radius:2px;transition:width .35s ease}.prog-label{font-size:12px;color:var(--text-3);white-space:nowrap}.question{font-size:18px;font-weight:700;color:var(--text);margin-bottom:1.25rem;line-height:1.4}.options{display:flex;flex-direction:column;gap:8px}.opt{display:flex;align-items:center;gap:12px;padding:13px 16px;border:.5px solid var(--border-2);border-radius:var(--r-lg);background:var(--bg);cursor:pointer;text-align:left;width:100%;transition:border-color .15s,background .15s;font-size:14px;color:var(--text)}.opt:hover,.opt.selected{border-color:var(--accent);background:var(--acc-lt);color:var(--acc-dk)}.opt-icon{font-size:20px;width:34px;flex-shrink:0;text-align:center}.opt-text{font-weight:700}.opt-sub{font-size:12px;color:var(--text-3);margin-top:2px}.opt:hover .opt-sub,.opt.selected .opt-sub{color:var(--acc-dk);opacity:.7}.back-btn{margin-top:1.25rem;font-size:13px;color:var(--text-3);background:none;border:none;cursor:pointer;padding:4px 0}.back-btn:hover{color:var(--text)}.result-hero{display:flex;align-items:center;gap:16px;background:var(--acc-lt);border-radius:var(--r-xl);padding:1.25rem 1.5rem;margin-bottom:1rem;animation:fadeUp .4s ease}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.city-emoji{font-size:44px;line-height:1}.result-hero h2{font-size:28px;font-weight:700;color:var(--acc-dk);line-height:1.1;margin-bottom:.2rem}.result-hero p{font-size:13px;color:var(--acc-dk);opacity:.75}.city-desc{font-size:14px;color:var(--text-2);line-height:1.7;margin-bottom:1rem}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:1rem}.stat-card{background:var(--bg);border:.5px solid var(--border);border-radius:var(--r-lg);padding:.875rem 1rem}.stat-label{font-size:11px;color:var(--text-3);text-transform:uppercase;letter-spacing:.04em;margin-bottom:.3rem}.stat-val{font-size:16px;font-weight:700;color:var(--text)}.match-bar-wrap{margin-bottom:1rem}.match-bar-label{display:flex;justify-content:space-between;font-size:12px;color:var(--text-3);margin-bottom:5px}.match-bar-label span:last-child{font-weight:500;color:var(--green)}.match-bar{height:6px;background:var(--bg-3);border-radius:3px;overflow:hidden}.match-fill{height:100%;background:var(--green);border-radius:3px;transition:width .6s ease}.cta-row{display:flex;gap:8px;margin-bottom:1rem;flex-wrap:wrap}.cta{flex:1;min-width:180px;display:block;padding:11px 16px;border:none;border-radius:var(--r-md);background:var(--accent);font-size:13px;font-weight:700;color:#fff;cursor:pointer;text-align:center;text-decoration:none;transition:background .15s}.cta:hover{background:var(--acc-dk)}.cta.primary{background:var(--accent);color:#fff}.cta.primary:hover{background:var(--acc-dk)}.alt-section{margin-bottom:1.25rem}.alt-title{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-3);margin-bottom:.6rem;font-weight:700}.alt-row{display:flex;gap:8px;flex-wrap:wrap}.alt-chip{padding:7px 14px;border:.5px solid var(--border-2);border-radius:20px;font-size:13px;color:var(--text-2);background:var(--bg);cursor:pointer;text-decoration:none;transition:border-color .15s,color .15s}.alt-chip:hover{border-color:var(--accent);color:var(--acc-dk)}.share-section{margin-bottom:1rem}.share-label{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-3);margin-bottom:.6rem}.share-row{display:flex;gap:8px;flex-wrap:wrap}.share-btn{padding:8px 16px;border-radius:var(--r-md);font-size:13px;font-weight:500;cursor:pointer;border:.5px solid var(--border-2);transition:opacity .15s}.share-btn:hover{opacity:.8}.share-btn.wa{background:#25d366;color:#fff;border-color:transparent}.share-btn.tw{background:#000;color:#fff;border-color:transparent}.share-btn.cp{background:var(--bg);color:var(--text)}.restart-btn{display:block;width:100%;padding:10px;background:none;border:.5px solid var(--border-2);border-radius:var(--r-md);font-size:13px;color:var(--text-3);cursor:pointer;transition:color .15s;margin-bottom:.75rem}.restart-btn:hover{color:var(--text)}.disclaimer{font-size:11px;color:var(--text-3);text-align:center;line-height:1.5}.disclaimer a{color:var(--accent);text-decoration:none}.seo-content{margin-top:3rem;padding-top:2rem;border-top:.5px solid var(--border)}.seo-content h2{font-size:20px;font-weight:700;color:var(--text);margin:1.5rem 0 .75rem;line-height:1.3}.seo-content h3{font-size:16px;font-weight:700;color:var(--text);margin:1.25rem 0 .5rem}.seo-content p{font-size:14px;color:var(--text-2);line-height:1.7;margin-bottom:.875rem}.seo-content ul{margin:.75rem 0 1rem 1.5rem;font-size:14px;color:var(--text-2);line-height:1.7}.seo-content li{margin-bottom:.5rem}.seo-content strong{color:var(--text);font-weight:600}@media(max-width:480px){.stats-grid{grid-template-columns:1fr 1fr}h1{font-size:20px}.result-hero h2{font-size:22px}.city-emoji{font-size:32px}.cta-row{flex-direction:column}.cta{min-width:100%}}