*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{color:#fafafa;-webkit-font-smoothing:antialiased;background:#0a0a0a;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}#root{min-height:100vh}.app{color:#fafafa;background:#0a0a0a;min-height:100vh}.header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:100;background:#0a0a0aeb;border-bottom:1px solid #27272a;justify-content:space-between;align-items:center;padding:14px 24px;display:flex;position:sticky;top:0}.header-logo{color:#a1a1aa;text-transform:uppercase;letter-spacing:.08em;font-size:13px;font-weight:700;text-decoration:none}.header-cta{color:#8b5cf6;font-size:13px;font-weight:600;text-decoration:none}.header-cta:hover{color:#a78bfa}.main{max-width:800px;margin:0 auto;padding:64px 24px}.kicker{text-transform:uppercase;letter-spacing:.14em;color:#8b5cf6;margin-bottom:16px;font-size:12px;font-weight:600}.title{letter-spacing:-.03em;margin-bottom:16px;font-size:clamp(28px,5vw,48px);font-weight:600;line-height:1.05}.subtitle{color:#a1a1aa;max-width:560px;margin-bottom:48px;font-size:16px;line-height:1.6}.type-grid{grid-template-columns:1fr;gap:12px;margin-bottom:32px;display:grid}.type-card{cursor:pointer;text-align:left;background:#ffffff08;border:1px solid #ffffff0f;border-radius:12px;flex-direction:column;gap:4px;padding:20px 24px;font-family:inherit;transition:all .2s;display:flex}.type-card:hover{background:#8b5cf60a;border-color:#8b5cf666;transform:translateY(-2px)}.type-card.selected{background:#8b5cf614;border-color:#8b5cf6;box-shadow:0 0 20px #8b5cf61a}.type-card-label{color:#fafafa;font-size:15px;font-weight:600}.type-card-desc{color:#a1a1aa;font-size:13px}.btn-generate{color:#fff;cursor:pointer;background:#8b5cf6;border:none;border-radius:10px;width:100%;margin-top:8px;padding:16px;font-family:inherit;font-size:16px;font-weight:600;transition:all .2s}.btn-generate:hover:not(:disabled){background:#7c3aed;transform:translateY(-2px);box-shadow:0 0 20px #8b5cf64d}.btn-generate:disabled{opacity:.4;cursor:not-allowed}.results-header{margin-bottom:32px}.results-header h2{letter-spacing:-.02em;margin-bottom:8px;font-size:24px;font-weight:600}.results-header p{color:#a1a1aa;font-size:14px}.text-cards{flex-direction:column;gap:16px;margin-bottom:40px;display:flex}.text-card{background:#ffffff08;border:1px solid #ffffff0f;border-radius:12px;padding:24px}.text-card-title{color:#8b5cf6;text-transform:uppercase;letter-spacing:.08em;margin-bottom:12px;font-size:13px;font-weight:600}.text-card-content{color:#e4e4e7;white-space:pre-wrap;background:#ffffff0a;border:1px solid #ffffff0f;border-radius:8px;margin-bottom:12px;padding:16px;font-family:SF Mono,Fira Code,monospace;font-size:13px;line-height:1.7}.copy-btn{color:#a1a1aa;cursor:pointer;background:0 0;border:1px solid #27272a;border-radius:6px;padding:8px 16px;font-family:inherit;font-size:12px;font-weight:600;transition:all .2s}.copy-btn:hover{color:#8b5cf6;border-color:#8b5cf6}.copy-btn.copied{color:#10b981;border-color:#10b981}.email-box{text-align:center;background:#8b5cf60f;border:1px solid #8b5cf633;border-radius:12px;margin-bottom:24px;padding:32px}.email-box h3{letter-spacing:-.01em;margin-bottom:8px;font-size:18px;font-weight:600}.email-box p{color:#a1a1aa;margin-bottom:20px;font-size:14px;line-height:1.6}.email-form{gap:10px;max-width:440px;margin:0 auto;display:flex}.email-input{color:#fafafa;background:#ffffff0f;border:1px solid #27272a;border-radius:8px;outline:none;flex:1;padding:12px 16px;font-family:inherit;font-size:14px}.email-input:focus{border-color:#8b5cf6}.email-input::placeholder{color:#52525b}.email-submit{color:#fff;cursor:pointer;white-space:nowrap;background:#8b5cf6;border:none;border-radius:8px;padding:12px 20px;font-family:inherit;font-size:14px;font-weight:600;transition:all .2s}.email-submit:hover{background:#7c3aed}.email-thanks{color:#10b981;font-size:14px;font-weight:500}.upsell-box{text-align:center;background:#10b9810d;border:1px solid #10b98133;border-radius:12px;margin-bottom:40px;padding:24px}.upsell-box h3{margin-bottom:8px;font-size:16px;font-weight:600}.upsell-box p{color:#a1a1aa;margin-bottom:16px;font-size:14px}.upsell-link{color:#0a0a0a;background:#10b981;border-radius:8px;align-items:center;gap:6px;padding:10px 20px;font-size:14px;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex}.upsell-link:hover{transform:translateY(-2px);box-shadow:0 4px 16px #10b9814d}.back-btn{color:#a1a1aa;cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;margin-bottom:32px;padding:0;font-family:inherit;font-size:14px;display:flex}.back-btn:hover{color:#fafafa}.footer{text-align:center;border-top:1px solid #27272a;padding:24px}.footer p{color:#52525b;font-size:12px;line-height:1.7}.footer a{color:#71717a;text-decoration:none}.footer a:hover{color:#a1a1aa}@media (width<=640px){.email-form{flex-direction:column}.main{padding:40px 16px}}