body{margin:0}#root{flex-direction:column;width:100%;min-height:100dvh;display:flex}*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0f0f0f;--bg-card:#1a1a1a;--bg-card-hover:#222;--gold:#c9a84c;--gold-dim:#c9a84c26;--white:#fff;--muted:#888;--border:#2a2a2a;--border-selected:#c9a84c;--radius:12px;--max-width:520px}body{background-color:var(--bg);color:var(--white);-webkit-font-smoothing:antialiased;min-height:100dvh;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.app{flex-direction:column;min-height:100dvh;display:flex}.screen{flex-direction:column;flex:1;align-items:center;min-height:100dvh;padding:0 20px 48px;display:flex}.gold{color:var(--gold)}.intro-eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--gold);margin-bottom:16px;font-size:12px;font-weight:500}.btn-primary{background-color:var(--gold);color:#000;border-radius:var(--radius);cursor:pointer;text-align:center;border:none;width:100%;margin-top:24px;padding:16px 24px;font-family:Inter,sans-serif;font-size:16px;font-weight:600;text-decoration:none;transition:opacity .15s;display:block}.btn-primary:hover{opacity:.9}.btn-primary:disabled{opacity:.35;cursor:not-allowed}.intro-screen{justify-content:center}.intro-content{width:100%;max-width:var(--max-width);padding-top:60px}.intro-title{margin-bottom:20px;font-family:Playfair Display,Georgia,serif;font-size:clamp(36px,9vw,52px);font-weight:700;line-height:1.15}.intro-subtitle{color:#ccc;margin-bottom:20px;font-size:16px;line-height:1.65}.intro-meta{color:var(--muted);align-items:center;gap:8px;margin-bottom:8px;font-size:14px;display:flex}.dot{color:var(--muted)}.progress-bar{background:var(--border);z-index:10;width:100%;height:3px;position:sticky;top:0}.progress-fill{background:var(--gold);height:100%;transition:width .3s}.question-screen{justify-content:flex-start;padding-top:0}.question-content{width:100%;max-width:var(--max-width);padding-top:28px}.question-counter{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:12px;font-size:12px;font-weight:500}.question-text{margin-bottom:16px;font-family:Playfair Display,Georgia,serif;font-size:clamp(22px,5vw,28px);font-weight:700;line-height:1.3}.question-hint{color:#bbb;margin-bottom:28px;font-size:17px}.options-list{flex-direction:column;gap:10px;margin-top:8px;margin-bottom:8px;display:flex}.option-btn{background:var(--bg-card);border:1.5px solid var(--border);border-radius:var(--radius);width:100%;color:var(--white);text-align:left;cursor:pointer;align-items:center;gap:12px;padding:14px 16px;font-family:Inter,sans-serif;font-size:15px;line-height:1.4;transition:border-color .15s,background .15s;display:flex}.option-btn:hover{background:var(--bg-card-hover);border-color:#555}.option-btn.selected{border-color:var(--border-selected);background:var(--gold-dim)}.option-check{border:1.5px solid var(--border);width:20px;min-width:20px;height:20px;color:var(--gold);border-radius:50%;justify-content:center;align-items:center;font-size:11px;transition:border-color .15s,background .15s;display:flex}.option-btn.selected .option-check{border-color:var(--gold);background:var(--gold);color:#000}.email-screen{justify-content:center}.email-content{width:100%;max-width:var(--max-width);padding-top:60px}.email-title{margin-bottom:12px;font-family:Playfair Display,Georgia,serif;font-size:clamp(28px,7vw,40px);font-weight:700}.email-subtitle{color:#ccc;margin-bottom:32px;font-size:16px}.email-form{flex-direction:column;gap:12px;display:flex}.form-input{background:var(--bg-card);border:1.5px solid var(--border);border-radius:var(--radius);width:100%;color:var(--white);outline:none;padding:15px 16px;font-family:Inter,sans-serif;font-size:16px;transition:border-color .15s}.form-input::placeholder{color:var(--muted)}.form-input:focus{border-color:var(--gold)}.form-error{color:#e05c5c;font-size:13px}.email-privacy{color:var(--muted);text-align:center;margin-top:16px;font-size:12px}.result-screen{justify-content:flex-start}.result-content{width:100%;max-width:var(--max-width);padding-top:52px}.result-title{margin-bottom:24px;font-family:Playfair Display,Georgia,serif;font-size:clamp(36px,10vw,56px);font-weight:700;line-height:1.1}.result-description{color:#ccc;margin-bottom:36px;font-size:16px;line-height:1.7}.examples-section{margin-bottom:40px}.examples-label{color:#aaa;margin-bottom:14px;font-size:15px;font-weight:500}.examples-grid{flex-wrap:wrap;gap:10px;display:flex}.example-link{background:var(--bg-card);border:1.5px solid var(--border);color:var(--white);border-radius:100px;padding:9px 16px;font-size:14px;text-decoration:none;transition:border-color .15s,color .15s}.example-link:hover{border-color:var(--gold);color:var(--gold)}.examples-disclaimer{color:var(--muted);margin-top:16px;font-size:13px;line-height:1.6}.cta-box{background:var(--bg-card);border:1.5px solid var(--border);border-radius:var(--radius);text-align:center;padding:28px 24px}.cta-text{margin-bottom:10px;font-size:17px;font-weight:600;line-height:1.5}.cta-subtext{color:#bbb;margin-bottom:4px;font-size:15px;line-height:1.65}.cta-box .btn-primary{width:auto;padding:14px 32px;display:inline-block}.runner-up-section{border:1.5px solid var(--border);border-radius:var(--radius);margin-top:24px;overflow:hidden}.runner-up-toggle{background:var(--bg-card);width:100%;color:var(--white);text-align:left;cursor:pointer;border:none;justify-content:space-between;align-items:center;gap:12px;padding:16px 18px;font-family:Inter,sans-serif;font-size:15px;font-weight:500;transition:background .15s;display:flex}.runner-up-toggle:hover{background:var(--bg-card-hover)}.runner-up-chevron{color:var(--muted);flex-shrink:0;font-size:11px}.runner-up-card{border-top:1px solid var(--border);background:var(--bg-card);padding:20px 18px}.retake-btn{border:1.5px solid var(--border);border-radius:var(--radius);width:100%;color:var(--muted);cursor:pointer;background:0 0;margin-top:20px;margin-bottom:8px;padding:14px;font-family:Inter,sans-serif;font-size:15px;transition:color .15s,border-color .15s;display:block}.retake-btn:hover{color:var(--white);border-color:#555}.modal-overlay{z-index:100;background:#000000d9;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-box{background:var(--bg-card);border:1.5px solid var(--border);border-radius:var(--radius);width:100%;max-width:380px;overflow:hidden}.modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.modal-name{color:var(--white);font-size:14px;font-weight:500}.modal-close{color:var(--muted);cursor:pointer;background:0 0;border:none;padding:4px;font-size:16px;line-height:1}.modal-close:hover{color:var(--white)}.modal-video{aspect-ratio:9/16;width:100%;position:relative}.modal-video iframe{border:none;width:100%;height:100%;position:absolute;inset:0}