*{box-sizing:border-box;margin:0;padding:0}body,html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}#root,body,html{height:100%;margin:0;padding:0;width:100%}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@media screen and (max-width:768px){.page-container.welcome-page .welcome-features{align-items:center!important;display:flex!important;flex-direction:column!important;gap:20px!important;width:100%!important}.page-container.welcome-page .feature-item{display:flex!important;justify-content:flex-start!important;max-width:250px!important;width:80%!important}.page-container.success-page .timeline-steps,.success-content>div:nth-child(3)>div{display:flex!important;flex-direction:column!important;gap:20px!important}.page-container.success-page .success-cards,.success-content>div[style*=flex]{display:flex!important;flex-direction:column!important;gap:15px!important;width:100%!important}.results-page .email-benefits-grid{grid-gap:15px!important;display:grid!important;gap:15px!important;grid-template-columns:1fr!important}.results-page .email-input-group,.results-page div[style*="gap: 16px"]{display:flex!important;flex-direction:column!important;gap:12px!important}.results-page .dashboard-grid{grid-gap:15px!important;display:grid!important;gap:15px!important;grid-template-columns:1fr!important}input[type=email],input[type=text]{font-size:16px!important}}:root{--kiwi-primary:#66d9ef;--kiwi-secondary:#ff6b9d;--kiwi-accent:#c7ceea;--kiwi-black:#2d3436;--kiwi-white:#fff;--kiwi-gray:#636e72;--kiwi-gray-light:#f5f7fa;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-xxl:48px;--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--radius-xl:24px;--transition-fast:0.2s cubic-bezier(0.4,0,0.2,1);--transition-normal:0.3s cubic-bezier(0.4,0,0.2,1);--transition-slow:0.5s cubic-bezier(0.4,0,0.2,1);--shadow-sm:0 2px 8px #00000014;--shadow-md:0 4px 16px #0000001a;--shadow-lg:0 8px 32px #0000001f;--shadow-xl:0 20px 60px #00000026;--font-xs:clamp(0.75rem,1.5vw,0.875rem);--font-sm:clamp(0.875rem,2vw,1rem);--font-md:clamp(1rem,2.5vw,1.125rem);--font-lg:clamp(1.25rem,3vw,1.5rem);--font-xl:clamp(1.5rem,4vw,2rem);--font-xxl:clamp(2rem,5vw,3rem)}.glass-container{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #fff3;box-shadow:0 8px 32px 0 #1f268726,inset 0 0 0 1px #ffffff1a}.glass-light{background:#ffffffb3;border:1px solid #ffffff4d}.glass-dark,.glass-light{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.glass-dark{background:#2d3436e6;border:1px solid #ffffff1a}.gradient-bg{background:linear-gradient(135deg,var(--kiwi-accent) 0,var(--kiwi-gray-light) 50%,#fff 100%);left:0;min-height:100vh;position:fixed;top:0;width:100%;z-index:-1}.gradient-animated{animation:gradientShift 15s ease infinite;background:linear-gradient(-45deg,var(--kiwi-accent),var(--kiwi-gray-light),#fff,#66d9ef1a);background-size:400% 400%}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-100%)}to{opacity:1;transform:translateX(0)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.animate-fadeIn{animation:fadeIn .5s ease-out forwards}.animate-slideLeft{animation:slideInLeft .5s ease-out forwards}.animate-slideRight{animation:slideInRight .5s ease-out forwards}.animate-pulse{animation:pulse 2s infinite}.animate-bounce{animation:bounce 2s infinite}.transition-all{transition:var(--transition-normal)}.transition-fast{transition:var(--transition-fast)}.hover-scale:hover{transform:scale(1.02)}.hover-lift:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.active-scale:active{transform:scale(.98)}.welcome-page{align-items:center;height:100%}.welcome-content,.welcome-page{display:flex;justify-content:center}.welcome-content{flex-direction:column;gap:var(--spacing-xl);margin:0 auto;max-width:700px;text-align:center;width:100%}.welcome-header{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-md)}.kiwi-logo{animation:bounce 2s infinite;filter:drop-shadow(0 4px 8px rgba(0,0,0,.1));font-size:80px;margin-bottom:var(--spacing-sm)}.welcome-title{color:var(--kiwi-black);font-size:clamp(32px,5vw,48px);font-weight:700;line-height:1.2;margin:0}.welcome-subtitle{color:var(--kiwi-gray);font-size:clamp(16px,2.5vw,20px);font-weight:400;line-height:1.6;margin:0;max-width:600px}.welcome-features{display:flex;flex-wrap:wrap;gap:var(--spacing-xl);justify-content:center}.feature-item{align-items:center;color:var(--kiwi-gray);display:flex;font-size:var(--font-md);gap:var(--spacing-sm)}.feature-emoji{color:var(--kiwi-primary);font-size:20px}.welcome-form{margin-top:var(--spacing-md);width:100%}.form-container{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-lg);margin:0 auto;max-width:450px}.welcome-input{background:#fff;border:3px solid var(--kiwi-primary);border-radius:var(--radius-lg);box-shadow:0 4px 12px #66d9ef26;color:var(--kiwi-black);font-size:18px;font-weight:500;padding:20px 24px;text-align:center;transition:var(--transition-fast);width:100%}.welcome-input::placeholder{color:var(--kiwi-gray);opacity:.6}.welcome-input:focus{border-color:var(--kiwi-secondary);box-shadow:0 0 0 5px #66d9ef1a;outline:none;transform:translateY(-2px)}.welcome-button{font-size:18px;font-weight:700;padding:20px 32px;width:100%}@media (max-width:768px){.kiwi-logo{font-size:64px}.welcome-features{flex-direction:column;gap:var(--spacing-md)}.welcome-page{padding:20px}.welcome-content{padding:30px 20px}.welcome-title{font-size:28px}.welcome-subtitle{font-size:15px;padding:0 10px}.welcome-features{align-items:center;flex-direction:column;gap:20px}.feature-item{justify-content:flex-start;max-width:250px;padding-left:20px;width:100%}.welcome-form{padding:0 10px}.welcome-button,.welcome-input{font-size:16px}}.progress-container{margin-bottom:30px;width:100%}.progress-info{display:flex;justify-content:space-between;margin-bottom:8px}.progress-label{color:var(--kiwi-gray);font-size:var(--font-sm);font-weight:500}.progress-percentage{color:var(--kiwi-primary);font-size:var(--font-sm);font-weight:600}.progress-bar{background:var(--kiwi-gray-light);border-radius:100px;height:8px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,var(--kiwi-primary),var(--kiwi-secondary));border-radius:100px;box-shadow:0 2px 8px #66d9ef4d;height:100%;transition:width .5s cubic-bezier(.4,0,.2,1)}.question-header{margin-bottom:30px;text-align:center}.question-category{align-items:center;background:linear-gradient(135deg,#66d9ef1a,#ff6b9d1a);border:1px solid #66d9ef33;border-radius:100px;color:var(--kiwi-primary);display:inline-flex;font-size:var(--font-sm);font-weight:600;gap:8px;margin-bottom:16px;padding:10px 20px}.question-title{color:var(--kiwi-black);font-size:32px;font-weight:600;line-height:1.2;margin-bottom:8px}.question-helper{color:var(--kiwi-gray);font-size:var(--font-md);margin:0}.options-grid{grid-gap:20px;display:grid;flex:1 1;gap:20px;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,minmax(120px,1fr));margin-bottom:30px;margin-left:auto;margin-right:auto;max-width:1000px;width:100%}.option-card{align-items:center;background:#fff;border:2px solid var(--kiwi-gray-light);border-radius:var(--radius-lg);box-shadow:0 2px 8px #0000000d;cursor:pointer;display:flex;gap:16px;padding:24px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.option-card:hover:not(.disabled){background:linear-gradient(135deg,#66d9ef0d,#fff);border-color:var(--kiwi-primary);box-shadow:0 8px 24px #66d9ef33;transform:translateY(-4px)}.option-card.selected{background:linear-gradient(135deg,#66d9ef26,#ff6b9d1a);border-color:var(--kiwi-primary);box-shadow:0 6px 20px #66d9ef4d;transform:scale(1.02)}.option-card.disabled{background:var(--kiwi-gray-light);cursor:not-allowed;opacity:.4}.option-emoji{flex-shrink:0;font-size:36px}.option-content{flex:1 1}.option-label{color:var(--kiwi-black);font-size:16px;font-weight:600;margin-bottom:4px}.option-subtext{color:var(--kiwi-gray);font-size:14px;line-height:1.3}.option-check{align-items:center;animation:scaleIn .2s cubic-bezier(.4,0,.2,1);background:var(--kiwi-primary);border-radius:50%;color:#fff;display:flex;font-size:14px;font-weight:700;height:24px;justify-content:center;position:absolute;right:16px;top:16px;width:24px}.question-nav{display:flex;gap:16px;justify-content:space-between;margin-top:auto}@media (max-width:900px){.options-grid{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(3,minmax(100px,auto))}}@media (max-width:768px){.question-title{font-size:24px}.options-grid{gap:12px;grid-template-columns:1fr;grid-template-rows:auto}.option-card{padding:16px}.option-emoji{font-size:28px}.question-nav{flex-direction:column-reverse}}.results-page{height:100%;max-height:calc(100vh - 80px);overflow-x:hidden;overflow-y:auto;padding:40px}.results-page::-webkit-scrollbar-track{background:#0000}.results-page::-webkit-scrollbar-thumb{background:#66d9ef4d}.results-page::-webkit-scrollbar-thumb:hover{background:#66d9ef80}.results-header{animation:fadeIn .5s ease-out;margin-bottom:40px;text-align:center}.results-header .emoji-hero{font-size:64px;margin-bottom:16px}.results-content{margin:0 auto;max-width:900px;width:100%}.score-hero{background:#fff;border-radius:var(--radius-xl);box-shadow:0 10px 40px #0000001a;margin-bottom:48px;padding:40px;text-align:center}.score-number{-webkit-text-fill-color:#0000;animation:scaleIn .5s cubic-bezier(.4,0,.2,1);background:linear-gradient(135deg,var(--kiwi-primary),var(--kiwi-secondary));-webkit-background-clip:text;background-clip:text;font-size:96px;font-weight:700;line-height:1;margin-bottom:16px}.score-label{font-size:24px;font-weight:600;margin-bottom:16px}.score-message{color:var(--kiwi-gray);font-size:16px;line-height:1.6;margin:0 auto;max-width:600px}.category-scores{animation:slideInLeft .5s ease-out .2s both;margin-bottom:40px}.section-title{align-items:center;color:var(--kiwi-black);display:flex;font-size:24px;font-weight:600;gap:8px;margin-bottom:24px}.scores-grid{grid-gap:20px;background:#fff;border-radius:var(--radius-lg);box-shadow:0 4px 20px #00000014;display:grid;gap:20px;padding:32px}.score-item{display:flex;flex-direction:column;gap:8px}.score-header{align-items:center;display:flex;gap:12px}.score-emoji{font-size:24px}.score-category{color:var(--kiwi-black);flex:1 1;font-size:16px;font-weight:500}.score-value{font-size:20px;font-weight:700}.score-bar{background:var(--kiwi-gray-light);border-radius:100px;height:10px;overflow:hidden}.score-bar-fill{border-radius:100px;height:100%;transition:width 1s cubic-bezier(.4,0,.2,1)}.priorities-section{animation:slideInRight .5s ease-out .4s both;margin-bottom:40px}.priorities-list{background:#fff;border-radius:var(--radius-lg);box-shadow:0 4px 20px #00000014;display:flex;flex-direction:column;gap:16px;padding:32px}.priority-item{align-items:center;background:var(--kiwi-gray-light);border-radius:var(--radius-md);display:flex;gap:16px;padding:16px;transition:var(--transition-fast)}.priority-item:hover{box-shadow:0 4px 12px #0000001a;transform:translateX(4px)}.priority-number{align-items:center;background:var(--kiwi-secondary);border-radius:50%;color:#fff;display:flex;font-size:14px;font-weight:700;height:32px;justify-content:center;width:32px}.priority-emoji{font-size:24px}.priority-text{color:var(--kiwi-black);flex:1 1;font-size:16px;font-weight:500}.priority-badge{background:#ff6b9d1a;border-radius:100px;color:var(--kiwi-secondary);font-size:12px;font-weight:600;padding:4px 12px}.email-section-premium{animation:slideUp .6s ease-out .6s both;margin:48px -40px 40px;position:relative}.email-gradient-bg{background:linear-gradient(135deg,#66d9ef,#b866d9 50%,#ff6b9d);border-radius:var(--radius-xl);overflow:hidden;padding:48px;position:relative}.email-sparkle{animation:sparkleMove 15s ease-in-out infinite;background-image:radial-gradient(circle at 20% 50%,#ffffff4d 0,#0000 50%),radial-gradient(circle at 80% 50%,#fff3 0,#0000 50%);bottom:0;left:0;position:absolute;right:0;top:0}@keyframes sparkleMove{0%,to{transform:translateX(0) translateY(0)}33%{transform:translateX(30px) translateY(-30px)}66%{transform:translateX(-20px) translateY(20px)}}.email-container{margin:0 auto;max-width:900px;position:relative;z-index:2}.email-header-new{color:#fff;margin-bottom:32px;text-align:center}.email-header-new h2,.email-header-new p{color:#fff}.email-badge-new{animation:glow 2s ease-in-out infinite;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff40;border:2px solid #ffffff4d;border-radius:100px;color:#fff;display:inline-block;font-size:14px;font-weight:700;margin-bottom:16px;padding:8px 20px}@keyframes glow{0%,to{box-shadow:0 0 20px #ffffff4d}50%{box-shadow:0 0 30px #ffffff80}}.email-title-new{color:#fff;font-size:36px;font-weight:700;line-height:1.2;margin-bottom:8px;text-shadow:0 2px 10px #0000001a}.email-subtitle-new{color:#fffffff2;font-size:18px;font-weight:400;margin-bottom:0}.email-benefits-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr);margin-bottom:32px}.benefit-card{align-items:flex-start;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #fff3;border-radius:var(--radius-lg);display:flex;gap:16px;padding:24px;transition:var(--transition-fast)}.benefit-card:hover{background:#fff3;box-shadow:0 8px 20px #0000001a;transform:translateY(-2px)}.benefit-emoji{flex-shrink:0;font-size:32px}.benefit-content{display:flex;flex-direction:column;gap:4px}.benefit-content strong{color:#fff;font-size:16px;font-weight:600}.benefit-content span{color:#ffffffd9;font-size:14px;line-height:1.4}.email-form-new{display:flex;flex-direction:column;gap:24px}.email-input-group{display:flex;gap:16px;justify-content:center}.email-input-gradient{background:#fffffff2;border:2px solid #ffffff4d;border-radius:var(--radius-md);color:var(--kiwi-black);flex:1 1;font-size:16px;font-weight:500;max-width:400px;padding:18px 24px;text-align:center;transition:var(--transition-fast)}.email-input-gradient:focus{background:#fff;border-color:#fff;box-shadow:0 0 0 4px #ffffff40;outline:none}.email-button-gradient{align-items:center;background:#fff;border:none;border-radius:var(--radius-md);box-shadow:0 4px 15px #0000001a;color:var(--kiwi-primary);cursor:pointer;display:flex;font-size:16px;font-weight:700;gap:8px;justify-content:center;padding:18px 32px;transition:var(--transition-fast)}.email-button-gradient:hover:not(:disabled){box-shadow:0 8px 25px #0003;transform:translateY(-2px)}.button-icon{font-size:20px}.email-footer-info{display:flex;gap:32px;justify-content:center}.email-security,.email-urgency{color:#ffffffe6;font-size:14px;margin:0}.email-urgency{font-weight:600}.page-footer{display:flex;justify-content:center;margin-bottom:20px;margin-top:40px;padding-top:24px}@media (max-width:768px){.results-page{padding:20px}.score-hero{padding:24px}.score-number{font-size:72px}.priorities-list,.scores-grid{padding:20px}.email-section-premium{margin-left:-20px;margin-right:-20px}.email-gradient-bg{padding:32px 20px}.email-benefits-grid{grid-template-columns:1fr}.email-footer-info,.email-input-group{flex-direction:column}.email-footer-info{gap:16px;text-align:center}}.results-page .email-gradient-bg{background:linear-gradient(135deg,#b3e5fc,#e1bee7 50%,#ffcdd2)!important;border-radius:var(--radius-xl);margin:40px -30px 0;padding:48px}.results-page .page-footer{margin-bottom:10px;margin-top:20px;padding-top:10px}@media (max-width:768px){.results-page{padding:15px}.email-section-premium{margin:30px -15px}.email-gradient-bg{border-radius:0;padding:30px 20px}.email-title-new{font-size:24px}.email-subtitle-new{font-size:16px}.email-benefits-grid{gap:15px;grid-template-columns:1fr}.benefit-card{flex-direction:row;gap:12px;padding:15px}.benefit-emoji{font-size:24px}.benefit-content strong{font-size:14px}.benefit-content span{font-size:12px}.email-input-group{flex-direction:column;gap:12px}.email-input-gradient{max-width:none}.email-button-gradient,.email-input-gradient{font-size:16px;width:100%}.email-footer-info{flex-direction:column;gap:10px;text-align:center}.dashboard-grid{gap:15px;grid-template-columns:1fr}.dashboard-card{padding:15px}}.results-hero-compact{background:#fff;border-radius:var(--radius-lg);box-shadow:0 4px 20px #00000014;margin-bottom:30px;padding:20px;text-align:center}.hero-greeting{align-items:center;display:flex;gap:12px;justify-content:center;margin-bottom:16px}.hero-greeting .emoji{font-size:32px}.hero-greeting .title{font-size:28px;margin:0}.hero-scores{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.score-badge{align-items:center;background:linear-gradient(135deg,#66d9ef1a,#ff6b9d1a);border:2px solid #66d9ef4d;border-radius:100px;display:inline-flex;gap:8px;padding:12px 24px}.score-badge.main{background:linear-gradient(135deg,var(--kiwi-primary),var(--kiwi-secondary));border:none;color:#fff;font-size:24px;font-weight:700}.score-badge.profile{font-size:16px;font-weight:600}.score-badge.rank{background:linear-gradient(135deg,#ffd7001a,#ff6b9d1a);border-color:#ffd7004d;font-size:16px}.hero-message{color:var(--kiwi-gray);font-size:15px;font-style:italic;margin-top:12px}.dashboard-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr);margin-bottom:30px}.dashboard-card{background:#fff;border-radius:var(--radius-lg);box-shadow:0 4px 20px #00000014;overflow:hidden;padding:20px;position:relative}.dashboard-card:before{background:linear-gradient(90deg,var(--kiwi-primary),var(--kiwi-secondary));content:"";height:4px;left:0;position:absolute;right:0;top:0}.card-title{align-items:center;display:flex;font-size:18px;font-weight:600;gap:8px;margin-bottom:16px}.mini-pillars{display:flex;flex-direction:column;gap:12px}.mini-pillar{align-items:center;display:flex;gap:8px}.pillar-emoji{font-size:20px;width:24px}.pillar-name{flex:1 1;font-size:14px;font-weight:500}.pillar-bar{background:var(--kiwi-gray-light);border-radius:100px;flex:2 1;height:8px;overflow:hidden;position:relative}.pillar-fill{border-radius:100px;height:100%;transition:width 1s cubic-bezier(.4,0,.2,1)}.pillar-score{font-size:12px;font-weight:600;text-align:right;width:35px}.mini-quickwins{display:flex;flex-direction:column;gap:12px}.mini-quickwin{align-items:flex-start;background:linear-gradient(135deg,#66d9ef0d,#ff6b9d0d);border:1px solid #66d9ef33;border-radius:var(--radius-md);cursor:pointer;display:flex;gap:10px;padding:10px;transition:var(--transition-fast)}.mini-quickwin:hover{box-shadow:0 2px 8px #66d9ef33;transform:translateX(4px)}.quickwin-icon{font-size:24px}.quickwin-details{flex:1 1}.quickwin-title{color:var(--kiwi-black);font-size:14px;font-weight:600;margin-bottom:4px}.quickwin-info{color:var(--kiwi-gray);display:flex;font-size:11px;gap:8px}.mini-priorities{display:flex;flex-direction:column;gap:10px}.mini-priority{background:var(--kiwi-gray-light);border-radius:var(--radius-md);gap:10px;padding:8px 12px}.mini-priority,.priority-rank{align-items:center;display:flex}.priority-rank{background:var(--kiwi-secondary);border-radius:50%;color:#fff;font-size:12px;font-weight:700;height:24px;justify-content:center;width:24px}@media (max-width:768px){.dashboard-grid{grid-template-columns:1fr}.hero-scores{flex-direction:column;gap:10px}.score-badge{justify-content:center;width:100%}}.dashboard-card,.dashboard-grid,.email-section-premium,.results-hero-compact{pointer-events:auto!important;position:relative;z-index:auto!important}.email-sparkle{pointer-events:none!important;z-index:0!important}.success-page{align-items:center;display:flex;height:100%;justify-content:center;padding:40px}.success-content{animation:fadeIn .5s ease-out;margin:0 auto;max-width:700px;text-align:center}.success-icon{animation:bounceIn .6s cubic-bezier(.68,-.55,.265,1.55);margin-bottom:32px}.success-circle{align-items:center;background:linear-gradient(135deg,var(--kiwi-primary),var(--kiwi-secondary));border-radius:50%;box-shadow:0 10px 40px #66d9ef66;display:flex;height:120px;justify-content:center;margin:0 auto;overflow:hidden;position:relative;width:120px}.success-circle:before{animation:shimmer 2s infinite;background:linear-gradient(45deg,#0000,#ffffff4d,#0000);content:"";height:200%;left:-50%;position:absolute;top:-50%;width:200%}@keyframes shimmer{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.success-checkmark{animation:checkmarkPop .5s ease-out .3s both;color:#fff;font-size:60px;font-weight:700;z-index:1}@keyframes checkmarkPop{0%{opacity:0;transform:scale(0)}50%{transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.success-title{color:var(--kiwi-black);font-size:42px;font-weight:700;line-height:1.2;margin-bottom:16px}.success-message{margin-bottom:40px}.success-subtitle{color:var(--kiwi-gray);font-size:20px;font-weight:400;margin-bottom:32px}.success-info{grid-gap:24px;background:linear-gradient(135deg,#66d9ef0d,#ff6b9d0d);border:1px solid #66d9ef33;border-radius:var(--radius-xl);display:grid;gap:24px;grid-template-columns:repeat(3,1fr);margin:40px 0;padding:32px}.info-item{align-items:center;animation:slideUp .5s ease-out both;background:#fff;border-radius:var(--radius-lg);box-shadow:0 4px 12px #0000000d;display:flex;flex-direction:column;gap:12px;padding:20px;transition:var(--transition-fast)}.info-item:first-child{animation-delay:.1s}.info-item:nth-child(2){animation-delay:.2s}.info-item:nth-child(3){animation-delay:.3s}.info-item:hover{box-shadow:0 8px 20px #0000001a;transform:translateY(-4px)}.info-emoji{animation:bounce 2s infinite;animation-delay:0s;animation-delay:var(--delay,0s);font-size:36px}.info-item:first-child .info-emoji{--delay:0s}.info-item:nth-child(2) .info-emoji{--delay:0.3s}.info-item:nth-child(3) .info-emoji{--delay:0.6s}.info-text{color:var(--kiwi-gray);font-size:16px;font-weight:500;text-align:center}.success-actions{align-items:center;display:flex;flex-direction:column;gap:32px;margin-top:40px}.social-share{background:#fff;border-radius:var(--radius-lg);box-shadow:0 4px 20px #00000014;max-width:500px;padding:32px;width:100%}.share-text{color:var(--kiwi-gray);font-size:16px;font-weight:500;margin-bottom:20px}.share-buttons{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}.share-btn{align-items:center;background:#fff;border:2px solid var(--kiwi-gray-light);border-radius:var(--radius-md);color:var(--kiwi-black);cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:8px;justify-content:center;padding:14px 20px;transition:var(--transition-fast)}.share-btn:hover{background:var(--kiwi-gray-light);border-color:var(--kiwi-primary);box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.share-btn span{font-size:20px}.restart-button{background:linear-gradient(135deg,var(--kiwi-primary),var(--kiwi-secondary));border:none;border-radius:var(--radius-md);box-shadow:0 6px 20px #66d9ef4d;color:#fff;cursor:pointer;font-size:16px;font-weight:700;padding:18px 40px;transition:var(--transition-fast)}.restart-button:hover{box-shadow:0 8px 25px #66d9ef66;transform:translateY(-2px)}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{transform:scale(1.05)}70%{transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.success-page{padding:20px}.success-title{font-size:32px}.success-subtitle{font-size:18px}.success-info{gap:16px;grid-template-columns:1fr;padding:20px}.info-item{flex-direction:row;padding:16px;text-align:left}.info-emoji{font-size:28px}.share-buttons{grid-template-columns:1fr}.success-circle{height:100px;width:100px}.success-checkmark{font-size:48px}}@media (max-width:480px){.success-title{font-size:28px}.success-subtitle{font-size:16px}}@media (max-width:768px){.success-page{padding:20px}.success-content{padding:30px 20px}.success-title{font-size:28px}.success-message{font-size:16px}.timeline-container{padding:20px 15px}.timeline-steps{flex-direction:column;gap:30px}.timeline-step{align-items:center;flex-direction:row;gap:15px;text-align:left}.timeline-line{display:none}.success-cards{flex-direction:column;gap:15px;padding:0 10px}.success-card{width:100%}}.app-container{align-items:center;box-sizing:border-box;display:flex;justify-content:center;min-height:100vh;padding:20px;transition:background .5s ease;width:100%}.app-container.gradient-bg{background:linear-gradient(135deg,#b3e5fc,#e1bee7 50%,#ffcdd2)}.main-content{height:calc(100vh - 40px);max-width:1200px;position:relative}.main-content,.page-container{box-sizing:border-box;display:flex;flex-direction:column;width:100%}.page-container{height:100%;padding:40px}.page-container.results-page{-webkit-overflow-scrolling:touch;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-radius:var(--radius-xl);box-shadow:0 10px 40px #0000001a;height:100%;overflow-x:hidden;overflow-y:auto!important;padding:30px;position:relative;z-index:1}.page-container.results-page,.results-page *{pointer-events:auto!important;-webkit-user-select:text!important;user-select:text!important}.results-page::-webkit-scrollbar{width:8px}.results-page::-webkit-scrollbar-track{background:#ffffff80;border-radius:100px}.results-page::-webkit-scrollbar-thumb{background:#b3e5fccc;border-radius:100px}.results-page::-webkit-scrollbar-thumb:hover{background:#b3e5fc}.page-container.questions-page{height:calc(100vh - 40px);max-height:850px;overflow:hidden;padding:30px 40px}.btn{align-items:center;border:none;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-size:var(--font-md);font-weight:600;gap:8px;justify-content:center;min-height:48px;overflow:hidden;padding:16px 32px;position:relative;transition:var(--transition-normal);z-index:2}.btn-primary{background:linear-gradient(135deg,var(--kiwi-primary),var(--kiwi-secondary));box-shadow:0 4px 12px #66d9ef4d;color:#fff}.btn-primary:hover:not(:disabled){box-shadow:0 6px 20px #66d9ef66;transform:translateY(-2px)}.btn-primary:disabled{background:var(--kiwi-gray-light);box-shadow:none;color:var(--kiwi-gray);cursor:not-allowed}.btn-outline{background:#ffffffe6;border:2px solid var(--kiwi-primary);color:var(--kiwi-primary)}.btn-outline:hover:not(:disabled){background:var(--kiwi-primary);color:#fff;transform:translateY(-2px)}.title{color:var(--kiwi-black);font-size:var(--font-xxl);font-weight:700;line-height:1.2}.subtitle{color:var(--kiwi-gray);font-size:var(--font-lg);font-weight:400;line-height:1.6}.emoji-hero{font-size:64px;margin-bottom:16px}.w-full{width:100%}.text-center{text-align:center}.animate-fadeIn{animation:fadeIn .5s ease-out}.animate-slideUp{animation:slideUp .6s ease-out}.animate-slideLeft{animation:slideInLeft .5s ease-out}.animate-slideRight{animation:slideInRight .5s ease-out}@media (max-width:768px){.app-container{padding:10px}.main-content{height:auto;min-height:calc(100vh - 20px)}.page-container{padding:20px}.page-container.results-page{height:auto;overflow-y:visible!important;padding:20px}.page-container.questions-page{height:auto;max-height:none;overflow-y:auto}.btn{width:100%}}
/*# sourceMappingURL=main.10c42364.css.map*/