@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";:root{--bg-dark: #000;--bg-card: #ffffff08;--bg-card-hover: #ffffff0f;--bg-card-selected: #60a5fa14;--blue: #60a5fa;--blue-bright: #3b82f6;--blue-glow: #60a5fa26;--text-white: #fff;--text-gray: #ffffff80;--text-light: #ffffffb3;--border: #ffffff14;--border-blue: #60a5fa66}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-dark);color:var(--text-white);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}#root{min-height:100vh}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#fff3}.onboarding-root{background:var(--bg-dark);min-height:100vh;position:relative}.welcome-page{background:var(--bg-dark);display:flex;justify-content:center;align-items:center;min-height:100vh;padding:40px 24px}.welcome-content{text-align:center;width:100%;max-width:640px}.welcome-logo{display:flex;justify-content:center;margin-bottom:32px}.welcome-logo-img{height:120px;width:auto;object-fit:contain}.welcome-title{color:var(--text-white);font-size:3rem;font-weight:700;line-height:1.15;margin-bottom:20px;white-space:pre-line}.welcome-title-accent{color:var(--blue)}.welcome-subtitle{color:var(--text-gray);font-size:1.05rem;line-height:1.6;max-width:520px;margin:0 auto 48px}.welcome-steps{display:flex;flex-direction:column;gap:12px;margin-bottom:40px}.welcome-step-card{background:var(--bg-card);border:1px solid var(--border);border-radius:14px;display:flex;align-items:center;gap:16px;padding:20px 24px;text-align:left;cursor:default;transition:background .2s,border-color .2s}.welcome-step-card:hover{background:var(--bg-card-hover);border-color:#ffffff1f}.welcome-step-icon{background:#60a5fa1a;border-radius:10px;display:flex;justify-content:center;align-items:center;width:44px;height:44px;flex-shrink:0}.welcome-step-content{flex:1}.welcome-step-num{color:var(--blue);font-size:.7rem;font-weight:600;letter-spacing:.05em;margin-right:8px;vertical-align:middle}.welcome-step-title{color:var(--text-white);font-size:1rem;font-weight:600;vertical-align:middle}.welcome-step-desc{color:var(--text-gray);font-size:.85rem;margin-top:4px}.welcome-step-chevron{flex-shrink:0}.welcome-cta{background:var(--blue-bright);color:#fff;border:none;border-radius:14px;cursor:pointer;display:flex;justify-content:center;align-items:center;width:100%;padding:18px 32px;font-size:1.1rem;font-weight:600;transition:background .2s,transform .1s}.welcome-cta:hover{background:#2563eb}.welcome-time-hint{color:var(--text-gray);font-size:.85rem;margin-top:16px}.question-page{background:var(--bg-dark);display:flex;flex-direction:column;min-height:100vh}.question-header{position:fixed;top:0;left:0;right:0;z-index:100;background:var(--bg-dark);display:flex;justify-content:space-between;align-items:center;padding:16px 32px}.question-header-logo{display:flex;align-items:center;gap:10px}.header-logo-img{height:28px;width:auto;object-fit:contain}.question-header-brand{color:var(--text-white);font-size:.95rem;font-weight:700;letter-spacing:2px;text-transform:uppercase}.question-header-progress{display:flex;align-items:center;gap:14px}.question-header-counter{color:var(--text-gray);font-size:.85rem;font-variant-numeric:tabular-nums}.segment-progress{display:flex;gap:4px}.segment-bar{width:32px;height:4px;border-radius:2px;transition:background .3s}.segment-complete{background:var(--blue)}.segment-active{background:linear-gradient(90deg,var(--blue),#60a5fa4d)}.segment-inactive{background:#ffffff1a}.question-header-divider{position:fixed;top:56px;left:0;right:0;height:1px;background:var(--border);z-index:100}.question-body{flex:1;display:flex;justify-content:center;align-items:center;min-height:100vh;padding:80px 24px 140px;overflow-y:auto}.question-content{width:100%;max-width:580px}.question-section-label{margin-bottom:12px}.section-name{color:var(--blue);font-size:.75rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;font-family:SF Mono,Fira Code,Consolas,monospace}.section-step{color:var(--text-gray);font-size:.8rem}.question-title{color:var(--text-white);font-size:2rem;font-weight:700;line-height:1.25;margin-bottom:8px}.question-subtitle{color:var(--text-gray);font-size:.9rem;margin-bottom:24px}.question-text-input{width:100%;background:transparent;border:1.5px solid var(--border);border-radius:12px;color:var(--text-white);font-size:1rem;padding:16px 20px;margin-top:20px;outline:none;transition:border-color .2s,box-shadow .2s}.question-text-input:focus{border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-glow)}.question-text-input::placeholder{color:#ffffff40}.question-textarea{width:100%;background:var(--bg-card);border:1.5px solid var(--border);border-radius:12px;color:var(--text-white);font-family:inherit;font-size:1rem;padding:16px 20px;margin-top:16px;min-height:140px;resize:vertical;outline:none;transition:border-color .2s,box-shadow .2s}.question-textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-glow)}.question-textarea::placeholder{color:#ffffff40}.question-options{display:flex;flex-direction:column;gap:10px;margin-top:20px;max-height:380px;overflow-y:auto;padding-right:4px}.option-card{background:var(--bg-card);border:1.5px solid var(--border);border-radius:12px;cursor:pointer;display:flex;align-items:center;gap:14px;padding:16px 20px;text-align:left;width:100%;color:var(--text-light);font-size:.95rem;transition:.2s}.option-card:hover{background:var(--bg-card-hover);border-color:#ffffff26}.option-card.option-selected{background:var(--bg-card-selected);border-color:var(--border-blue)}.option-radio{width:22px;height:22px;border:1.5px solid rgba(255,255,255,.2);border-radius:50%;flex-shrink:0;display:flex;justify-content:center;align-items:center;transition:.2s}.option-radio.option-checkbox{border-radius:6px}.option-radio-selected{background:var(--blue);border-color:var(--blue)}.option-label{flex:1}.tier-cards{display:flex;flex-direction:column;gap:10px;margin-top:20px}.tier-card{background:var(--bg-card);border:1.5px solid var(--border);border-radius:14px;cursor:pointer;display:flex;align-items:center;gap:16px;padding:20px 24px;transition:.2s}.tier-card:hover{background:var(--bg-card-hover);border-color:#ffffff26}.tier-card.tier-selected{background:var(--bg-card-selected);border-color:var(--border-blue)}.tier-radio{width:22px;height:22px;border:1.5px solid rgba(255,255,255,.2);border-radius:50%;flex-shrink:0;display:flex;justify-content:center;align-items:center;transition:.2s}.tier-radio.tier-radio-selected{background:var(--blue);border-color:var(--blue)}.tier-info{flex:1}.tier-name{color:var(--text-white);font-size:1rem;font-weight:600}.tier-price{color:var(--blue);font-size:.85rem;margin-top:2px}.tier-desc{color:var(--text-gray);font-size:.8rem;margin-top:4px}.question-nav{position:fixed;bottom:50px;left:50%;transform:translate(-50%);width:100%;max-width:580px;padding:0 24px;z-index:50}.question-nav-buttons{display:flex;justify-content:space-between;align-items:center}.nav-prev{background:transparent;border:none;color:var(--text-gray);cursor:pointer;font-size:.9rem;padding:10px 0;transition:color .2s}.nav-prev:hover{color:var(--text-white)}.nav-prev:disabled{opacity:.3;cursor:default}.nav-next{background:#ffffff0f;border:none;border-radius:10px;color:var(--text-gray);cursor:pointer;font-size:.95rem;font-weight:600;padding:12px 32px;transition:.2s}.nav-next:disabled{cursor:default}.nav-next.nav-next-active{background:var(--blue-bright);color:#fff}.nav-next.nav-next-active:hover{background:#2563eb}.enter-hint{text-align:center;color:var(--text-gray);font-size:.8rem;margin-top:10px}.enter-key{background:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:4px;display:inline-block;font-family:monospace;font-size:.75rem;padding:2px 8px}.question-dots{position:fixed;bottom:16px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:6px;z-index:50}.dot{width:8px;height:8px;border-radius:50%;transition:.3s}.dot-completed{background:var(--blue)}.dot-current{background:var(--blue);width:10px;height:10px;box-shadow:0 0 8px var(--blue-glow)}.dot-empty{background:#ffffff1f}.generating-page{background:var(--bg-dark);display:flex;justify-content:center;align-items:center;min-height:100vh;padding:40px 24px}.generating-content{text-align:center;width:100%;max-width:480px}.generating-logo{display:flex;justify-content:center;margin-bottom:40px}.generating-logo-img{height:80px;width:auto;object-fit:contain;animation:pulse-glow 2s ease-in-out infinite}@keyframes pulse-glow{0%,to{filter:drop-shadow(0 0 20px rgba(96,165,250,.3))}50%{filter:drop-shadow(0 0 40px rgba(96,165,250,.6))}}.generating-spinner{display:flex;justify-content:center;margin-bottom:32px}.spinner-ring{width:48px;height:48px;border:2px solid rgba(255,255,255,.1);border-top-color:var(--blue);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.generating-title{color:var(--text-white);font-size:1.5rem;font-weight:700;margin-bottom:8px}.generating-subtitle{color:var(--text-gray);font-size:.95rem;margin-bottom:40px}.generating-stages{display:flex;flex-direction:column;gap:16px;text-align:left;max-width:300px;margin:0 auto}.generating-stage{display:flex;align-items:center;gap:12px;opacity:.3;transition:opacity .4s}.generating-stage.active{opacity:1}.generating-stage-dot{width:8px;height:8px;border-radius:50%;background:#fff3;flex-shrink:0;transition:.3s}.generating-stage.active .generating-stage-dot{background:var(--blue)}.generating-stage.current .generating-stage-dot{background:var(--blue);box-shadow:0 0 8px var(--blue-glow)}.generating-stage-label{color:var(--text-light);font-size:.9rem;flex:1}.generating-stage-check{flex-shrink:0}.completion-page{background:var(--bg-dark);min-height:100vh;padding:60px 24px 80px;position:relative;overflow-y:auto}.completion-content{text-align:center;max-width:640px;margin:0 auto;position:relative;z-index:2}.completion-logo{display:flex;justify-content:center;align-items:center;margin-bottom:40px}.completion-logo-img{height:100px;width:auto;object-fit:contain}.completion-checkmark{margin-bottom:24px}.completion-checkmark svg{display:inline-block}.check-circle-anim{stroke-dasharray:188.5;stroke-dashoffset:188.5;animation:draw-circle .8s ease-out forwards}.check-path-anim{stroke-dasharray:40;stroke-dashoffset:40;animation:draw-check .4s ease-out .6s forwards}@keyframes draw-circle{to{stroke-dashoffset:0}}@keyframes draw-check{to{stroke-dashoffset:0}}.completion-title{color:var(--text-white);font-size:2.5rem;font-weight:700;margin-bottom:16px}.completion-subtitle{color:var(--text-gray);font-size:1.05rem;line-height:1.6;margin-bottom:48px}.completion-subtitle strong{color:var(--text-white)}.completion-summary{background:var(--bg-card);border:1px solid var(--border);border-radius:14px;padding:24px;margin-bottom:32px;text-align:left}.completion-summary-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0}.completion-summary-row+.completion-summary-row{border-top:1px solid var(--border)}.completion-summary-label{color:var(--text-gray);font-size:.9rem}.completion-summary-value{color:var(--text-white);font-size:.95rem;font-weight:600}.completion-summary-price{color:var(--blue)}.completion-cta-button{background:var(--blue-bright);color:#fff;border:none;border-radius:14px;cursor:pointer;display:flex;justify-content:center;align-items:center;gap:10px;width:100%;padding:20px 32px;margin-bottom:16px;font-size:1.1rem;font-weight:600;text-decoration:none;transition:background .2s}.completion-cta-button:hover{background:#2563eb;color:#fff}.completion-cta-button:disabled{opacity:.6;cursor:default}.completion-google-hint{color:var(--text-gray);font-size:.85rem;margin-bottom:40px}.completion-docs{display:flex;flex-direction:column;gap:10px;margin-bottom:40px}.completion-doc-card{background:var(--bg-card);border:1px solid var(--border);border-radius:14px;display:flex;align-items:center;gap:16px;padding:18px 20px;text-align:left;transition:background .2s,border-color .2s}.completion-doc-card:hover{background:var(--bg-card-hover);border-color:#ffffff1f}.completion-doc-icon{background:#60a5fa1a;border-radius:10px;display:flex;justify-content:center;align-items:center;width:44px;height:44px;flex-shrink:0}.completion-doc-info{flex:1;min-width:0}.completion-doc-title{color:var(--text-white);font-size:.95rem;font-weight:600}.completion-doc-subtitle{color:var(--text-gray);font-size:.8rem;margin-top:2px}.completion-doc-btn{background:#ffffff0f;border:none;border-radius:8px;color:var(--text-gray);cursor:pointer;display:flex;justify-content:center;align-items:center;width:36px;height:36px;flex-shrink:0;transition:.2s}.completion-doc-btn:hover{background:#ffffff1f;color:var(--text-white)}.completion-doc-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.1);border-top-color:var(--blue);border-radius:50%;animation:spin .8s linear infinite}.completion-restart{background:transparent;border:1.5px solid var(--border);border-radius:14px;color:var(--text-gray);cursor:pointer;font-size:.95rem;font-weight:500;padding:14px 32px;transition:.2s}.completion-restart:hover{background:var(--bg-card-hover);border-color:#fff3;color:var(--text-white)}.confetti-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1;overflow:hidden}@media(max-width:640px){.welcome-title{font-size:2rem}.question-title{font-size:1.5rem}.completion-title{font-size:1.8rem}.question-header{padding:14px 16px}.segment-bar{width:20px}.question-dots{gap:4px}.dot{width:6px;height:6px}.dot-current{width:8px;height:8px}.question-options{max-height:300px}}