@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{--bg-gradient-start: #FAFAFC;--bg-gradient-end: #F5F4F8;--card-bg: #FFFFFF;--primary-purple: #8B7FD8;--primary-purple-light: #A599E6;--primary-purple-pale: #F5F2FF;--primary-pink: #E8A5C0;--accent-coral: #FFB4A2;--text-dark: #2D2D3A;--text-medium: #5B5B6D;--text-light: #8E8E9E;--border-subtle: #EFEFF4;--shadow-light: rgba(139, 127, 216, .08);--shadow-medium: rgba(139, 127, 216, .15);--shadow-strong: rgba(139, 127, 216, .25);--space-xs: 8px;--space-sm: 16px;--space-md: 24px;--space-lg: 32px;--space-xl: 48px;--space-xxl: 64px;--radius-sm: 12px;--radius-md: 16px;--radius-lg: 20px;--radius-xl: 24px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:linear-gradient(180deg,var(--bg-gradient-start) 0%,var(--bg-gradient-end) 100%);color:var(--text-dark);min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app-container{max-width:480px;margin:0 auto;min-height:100vh;background:var(--card-bg);position:relative;box-shadow:0 0 60px #0000000f}.header{padding:var(--space-md) var(--space-md) var(--space-sm);background:#fffffff2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);position:sticky;top:0;z-index:100;border-bottom:1px solid var(--border-subtle)}.header-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-sm)}.back-button{width:44px;height:44px;border-radius:var(--radius-sm);background:var(--bg-gradient-end);border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:20px;transition:all .3s cubic-bezier(.4,0,.2,1);color:var(--text-medium)}.back-button:hover{background:#e8e7ec;transform:translate(-2px);color:var(--text-dark)}.back-button:active{transform:translate(-2px) scale(.96)}.back-button.hidden{opacity:0;pointer-events:none}.progress-wrapper{height:6px;background:var(--border-subtle);border-radius:6px;overflow:hidden;position:relative}.progress-fill{height:100%;background:linear-gradient(90deg,var(--primary-purple) 0%,var(--primary-purple-light) 100%);border-radius:6px;transition:width .6s cubic-bezier(.4,0,.2,1);position:relative}.progress-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.content{padding:var(--space-xl) var(--space-md) 120px}.question-title{font-size:26px;font-weight:800;line-height:1.35;margin-bottom:var(--space-md);color:var(--text-dark);letter-spacing:-.02em}.question-subtitle{font-size:15px;color:var(--text-light);margin-bottom:var(--space-lg);font-weight:500;line-height:1.5}.options-grid{display:grid;gap:var(--space-sm);position:relative;z-index:1}.options-grid.two-col{grid-template-columns:repeat(2,1fr)}.option-card{background:var(--bg-gradient-end);border:2px solid transparent;border-radius:var(--radius-lg);padding:var(--space-md);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:110px;position:relative;box-shadow:0 2px 8px var(--shadow-light)}.option-card:hover{background:#fafafc;transform:translateY(-4px);box-shadow:0 8px 20px var(--shadow-medium);border-color:var(--border-subtle)}.option-card.selected{background:var(--primary-purple-pale);border-color:var(--primary-purple);box-shadow:0 8px 24px var(--shadow-strong);transform:translateY(-2px)}.option-card.selected .option-icon{transform:scale(1.1)}.option-card.multi-select{position:relative}.option-card.multi-select.selected:after{content:"✓";position:absolute;top:12px;right:12px;width:24px;height:24px;background:var(--primary-purple);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;box-shadow:0 2px 8px var(--shadow-medium)}.option-icon{font-size:40px;margin-bottom:var(--space-xs);display:block;transition:transform .3s cubic-bezier(.4,0,.2,1)}.option-text{font-size:15px;font-weight:600;color:var(--text-dark);line-height:1.5}.bottom-bar{position:fixed;bottom:0;left:50%;transform:translate(-50%);max-width:480px;width:100%;padding:var(--space-md);background:linear-gradient(to top,rgba(255,255,255,1) 70%,rgba(255,255,255,.9) 90%,transparent 100%);z-index:99;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.continue-button{width:100%;padding:var(--space-md);border-radius:var(--radius-lg);border:none;background:linear-gradient(135deg,var(--primary-purple) 0%,var(--primary-purple-light) 100%);color:#fff;font-size:17px;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 16px var(--shadow-medium);position:relative;overflow:hidden}.continue-button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s,height .6s}.continue-button:hover:before{width:300px;height:300px}.continue-button:hover{transform:translateY(-2px);box-shadow:0 8px 24px var(--shadow-strong)}.continue-button:active{transform:translateY(0)}.continue-button:disabled{background:var(--border-subtle);color:var(--text-light);cursor:not-allowed;box-shadow:none}.step{animation:fadeSlideIn .5s cubic-bezier(.4,0,.2,1)}.step.hidden{display:none}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.cover-page{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-xl) var(--space-md);text-align:center;position:relative;background:linear-gradient(180deg,#fafafc,#f5f4f8)}.cover-logo{width:280px;height:auto;margin-bottom:var(--space-xl);animation:float 3s ease-in-out infinite;filter:drop-shadow(0 10px 30px rgba(139,127,216,.15))}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.cover-title{font-size:32px;font-weight:800;line-height:1.3;margin:0 0 var(--space-xs) 0;color:var(--text-dark);letter-spacing:-.02em}.cover-subtitle{font-size:18px;font-weight:600;line-height:1.4;margin:0 0 var(--space-xl) 0;color:var(--text-medium)}.start-button{padding:20px 48px;border-radius:var(--radius-xl);border:none;background:linear-gradient(135deg,var(--primary-purple) 0%,var(--primary-purple-light) 100%);color:#fff;font-size:18px;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 24px var(--shadow-medium)}.start-button:hover{transform:translateY(-3px);box-shadow:0 12px 32px var(--shadow-strong)}.start-button:active{transform:translateY(-1px)}.decorative-shape{position:absolute;border-radius:50%;opacity:.15;pointer-events:none;filter:blur(100px)}.shape-1{width:250px;height:250px;background:var(--primary-purple);top:-100px;right:-100px}.shape-2{width:200px;height:200px;background:var(--primary-pink);bottom:150px;left:-80px}.shape-3{width:220px;height:220px;background:var(--accent-coral);bottom:-80px;right:-60px;opacity:.2}.loading-page{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-xl);text-align:center}.loading-spinner{width:60px;height:60px;border:4px solid var(--border-subtle);border-top-color:var(--primary-purple);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:var(--space-lg)}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{font-size:18px;font-weight:600;color:var(--text-medium);margin-bottom:var(--space-xs)}.loading-subtext{font-size:14px;color:var(--text-light)}.results-page{padding:var(--space-xl) var(--space-md) 100px;animation:fadeIn .6s ease-out;display:none}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.results-header{text-align:center;margin-bottom:var(--space-xl)}.results-header h2{font-size:28px;font-weight:800;margin-bottom:var(--space-sm);color:var(--text-dark);letter-spacing:-.02em}.results-card{background:var(--bg-gradient-end);border-radius:var(--radius-xl);padding:var(--space-lg);margin-bottom:var(--space-md);box-shadow:0 4px 16px var(--shadow-light)}.results-avatar{font-size:80px;text-align:center;margin-bottom:var(--space-md)}.results-type{text-align:center;margin-bottom:var(--space-lg)}.results-type-title{font-size:26px;font-weight:800;color:var(--text-dark);margin-bottom:var(--space-xs);letter-spacing:-.01em}.results-type-subtitle{font-size:16px;color:var(--text-medium);font-weight:600}.results-tags{display:flex;flex-wrap:wrap;gap:var(--space-xs);justify-content:center;margin-bottom:var(--space-lg)}.results-tag{background:#fff;padding:8px 16px;border-radius:20px;font-size:14px;font-weight:600;color:var(--primary-purple);border:2px solid var(--primary-purple)}.results-section{margin-bottom:var(--space-lg)}.results-section:last-child{margin-bottom:0}.results-section-title{font-size:18px;font-weight:700;color:var(--text-dark);margin-bottom:var(--space-sm)}.results-section-content{font-size:15px;line-height:1.7;color:var(--text-medium)}.results-section-content ul{list-style:none;padding:0;margin:var(--space-sm) 0 0 0}.results-section-content li{padding-left:24px;margin-bottom:var(--space-xs);position:relative}.results-section-content li:before{content:"•";position:absolute;left:8px;color:var(--primary-purple);font-weight:700}.results-section-content p{margin-bottom:var(--space-sm)}.results-section-content strong{color:var(--text-dark);font-weight:700}.planning-card{background:#fff;border-radius:var(--radius-xl);padding:var(--space-lg);margin-bottom:var(--space-lg);box-shadow:0 4px 16px var(--shadow-light);border:2px solid var(--border-subtle)}.planning-card-title{font-size:20px;font-weight:700;color:var(--text-dark);margin-bottom:var(--space-md)}.planning-content{font-size:15px;line-height:1.7;color:var(--text-medium)}.planning-content p{margin-bottom:var(--space-sm)}.planning-content strong{color:var(--text-dark);font-weight:700}.planning-content ul{list-style:none;padding:0;margin:var(--space-sm) 0 var(--space-md) 0}.planning-content li{padding-left:24px;margin-bottom:var(--space-xs);position:relative}.planning-content li:before{content:"✓";position:absolute;left:4px;color:var(--primary-purple);font-weight:700}.results-actions{display:grid;gap:var(--space-sm);margin-top:var(--space-lg)}.results-button{width:100%;padding:var(--space-md);border-radius:var(--radius-lg);border:2px solid var(--primary-purple);background:#fff;color:var(--primary-purple);font-size:16px;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.results-button:hover{background:var(--primary-purple-pale);transform:translateY(-2px);box-shadow:0 4px 12px var(--shadow-medium)}.results-button.primary{background:var(--primary-purple);color:#fff}.results-button.primary:hover{background:var(--primary-purple-light)}.results-button.secondary{background:#fff;color:var(--primary-purple)}.loading-screen{position:fixed;inset:0;background:var(--card-bg);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1000}.loading-screen.hidden{display:none}@media(max-width:480px){:root{--space-md: 20px;--space-lg: 28px;--space-xl: 40px}.question-title{font-size:24px}.cover-title{font-size:28px}.option-card{min-height:100px;padding:var(--space-sm)}}.option-card:focus,.continue-button:focus,.back-button:focus{outline:3px solid var(--primary-purple-light);outline-offset:2px}.phone-page{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-xl) var(--space-md);text-align:center;background:linear-gradient(180deg,#fafafc,#f5f4f8)}.phone-page.hidden{display:none}.phone-icon{font-size:80px;margin-bottom:var(--space-lg);animation:float 3s ease-in-out infinite}.phone-title{font-size:26px;font-weight:800;line-height:1.35;margin-bottom:var(--space-sm);color:var(--text-dark);letter-spacing:-.02em}.phone-subtitle{font-size:15px;color:var(--text-light);margin-bottom:var(--space-xl);font-weight:500;line-height:1.5;max-width:320px}.phone-input-wrapper{width:100%;max-width:320px;margin-bottom:var(--space-lg)}.phone-input{width:100%;padding:var(--space-md);border-radius:var(--radius-lg);border:2px solid var(--border-subtle);background:#fff;font-size:18px;font-weight:600;text-align:center;color:var(--text-dark);transition:all .3s cubic-bezier(.4,0,.2,1);letter-spacing:2px}.phone-input:focus{outline:none;border-color:var(--primary-purple);box-shadow:0 0 0 4px var(--shadow-light)}.phone-input::placeholder{color:var(--text-light);letter-spacing:normal}.phone-input.error{border-color:#ff6b6b;animation:shake .5s ease-in-out}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-8px)}40%,80%{transform:translate(8px)}}.phone-error-message{color:#ff6b6b;font-size:14px;margin-top:var(--space-xs);font-weight:500;min-height:20px}.phone-submit-button{width:100%;max-width:320px;padding:var(--space-md);border-radius:var(--radius-lg);border:none;background:linear-gradient(135deg,var(--primary-purple) 0%,var(--primary-purple-light) 100%);color:#fff;font-size:17px;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 16px var(--shadow-medium);position:relative;overflow:hidden}.phone-submit-button:hover{transform:translateY(-2px);box-shadow:0 8px 24px var(--shadow-strong)}.phone-submit-button:active{transform:translateY(0)}.phone-submit-button:disabled{background:var(--border-subtle);color:var(--text-light);cursor:not-allowed;box-shadow:none}.phone-privacy-note{margin-top:var(--space-lg);font-size:12px;color:var(--text-light);max-width:280px;line-height:1.6}.phone-privacy-note span{color:var(--primary-purple)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.logo-placeholder[data-v-a5756e2b]{animation:float 6s ease-in-out infinite}