*{margin:0;padding:0;box-sizing:border-box}:root{--teal: #0D9488;--teal-light: #14B8A6;--orange: #F97316;--cream: #FEF3C7;--light-blue: #ECFEFF;--coral: #FB7185;--mint: #6EE7B7;--lavender: #C4B5FD;--white: #FFFFFF;--dark: #1F2937;--gray: #6B7280}html,body{height:100%;overflow:hidden}body{font-family:Nunito,sans-serif;background:var(--cream);display:flex;justify-content:center;align-items:center}.app-container{width:100%;max-width:480px;height:100%;height:100dvh;position:relative;overflow:hidden}.progress-bar-container{height:8px;background:#0000001a;position:absolute;top:0;left:0;right:0;z-index:20;transition:opacity .3s ease}.progress-bar{height:100%;background:linear-gradient(90deg,var(--teal),var(--teal-light));transition:width .3s ease;width:0%}.back-button{position:absolute;top:30px;left:20px;width:44px;height:44px;border-radius:50%;background:var(--white);border:2px solid rgba(0,0,0,.1);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;transition:all .2s ease;opacity:0;pointer-events:none;color:var(--dark)}.back-button.visible{opacity:1;pointer-events:all}.back-button:hover{background:var(--cream);border-color:var(--teal);transform:scale(1.03);box-shadow:0 4px 12px #0d948833}.back-button:active{transform:scale(.98)}.screens-container{position:relative;height:100%;height:100dvh;width:100%}.screen{position:absolute;top:0;left:0;width:100%;height:100%;height:100dvh;opacity:0;pointer-events:none;display:flex;flex-direction:column;overflow:hidden;transform:translate(100%);transition:opacity .3s ease-out,transform .3s ease-out}.screen.active{opacity:1;pointer-events:all;transform:translate(0)}.screen.slide-out-left{transform:translate(-100%);opacity:0}.screen.slide-out-right{transform:translate(100%);opacity:0}.screen.slide-in-left{transform:translate(-100%)}.screen.slide-in-right{transform:translate(100%)}.screen-content{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:60px 24px 20px;width:100%;overflow-y:auto}.screen.active .screen-content{animation:contentFadeIn .5s ease-out .1s both}.btn-container{padding:16px 24px 32px;background:inherit;flex-shrink:0}.btn-container button{width:100%;padding:18px;background:#f97316;color:#fff;border:none;border-radius:50px;font-size:18px;font-weight:700;cursor:pointer;font-family:Nunito,sans-serif;transition:all .2s ease}.btn-container button:hover{background:#ea580c;transform:scale(1.02)}.btn-container button:disabled{background:#d1d5db;cursor:not-allowed;transform:none}.screen.active .btn-container{animation:fadeSlideUp .4s ease-out .4s both}.bottom-section{padding:16px 24px 32px;flex-shrink:0}@keyframes contentFadeIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.title{font-size:28px;font-weight:800;color:var(--dark);margin-bottom:16px;line-height:1.3}.screen.active .title{animation:fadeSlideUp .4s ease-out .15s both}.subtitle{font-size:18px;font-weight:600;color:var(--gray);line-height:1.6}.screen.active .subtitle{animation:fadeSlideUp .4s ease-out .25s both}.screen.active .option-cards{animation:fadeSlideUp .4s ease-out .3s both}.btn{font-family:Nunito,sans-serif;font-size:18px;font-weight:700;padding:18px 50px;border-radius:50px;border:none;cursor:pointer;transition:all .2s ease;min-width:200px;box-shadow:0 4px 15px #00000026}.btn-primary{background:var(--orange);color:var(--white)}.btn-primary:hover{background:#ea580c;transform:scale(1.03);box-shadow:0 6px 20px #f9731666}.btn-primary:active{transform:scale(.98);box-shadow:0 2px 10px #f973164d}.screen-splash{background:var(--white)}.splash-content{justify-content:center}.splash-logo{display:flex;align-items:center;justify-content:center;gap:12px;animation:pulse 2s ease-in-out infinite}.splash-bird{font-size:40px}.splash-title{font-size:48px;font-weight:800;color:var(--teal);letter-spacing:-1px;display:flex;align-items:center;gap:8px}.splash-subtitle{font-size:24px;font-weight:700;color:var(--orange);margin-top:8px}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.toggle-switch input:checked+.toggle-slider:before{transform:translate(22px)}.toggle-slider:before{position:absolute;content:"";height:20px;width:20px;left:4px;bottom:4px;background-color:#fff;transition:.3s;border-radius:50%}.screen-quote{background:var(--cream)}.quote-mark{font-size:120px;font-weight:800;color:var(--teal);opacity:.3;line-height:.5;margin-bottom:20px}.quote-text{font-size:28px;font-weight:700;color:var(--dark);line-height:1.4;margin-bottom:24px;max-width:320px}.quote-attribution{font-size:20px;font-weight:600;color:var(--gray);font-style:italic;margin-bottom:8px}.quote-verse{font-size:14px;font-weight:600;color:var(--teal)}.screen-value{background:linear-gradient(180deg,var(--cream) 0%,#FFEDD5 100%);position:relative}.screen-value .decorations{position:absolute;width:100%;height:100%;pointer-events:none;overflow:hidden}.cloud{position:absolute;background:#ffffffb3;border-radius:100px;animation:floatCloud 7s ease-in-out infinite}.cloud:before,.cloud:after{content:"";position:absolute;background:#ffffffb3;border-radius:100px}.cloud-1{width:100px;height:35px;top:80px;left:-30px;animation-delay:0s}.cloud-1:before{width:50px;height:50px;top:-25px;left:15px}.cloud-1:after{width:60px;height:40px;top:-18px;right:12px}.cloud-2{width:80px;height:30px;top:120px;right:-20px;animation-delay:2s}.cloud-2:before{width:40px;height:40px;top:-18px;left:8px}.cloud-2:after{width:45px;height:35px;top:-15px;right:8px}@keyframes floatCloud{0%,to{transform:translateY(0) translate(0)}50%{transform:translateY(-12px) translate(5px)}}.floating-decoration{position:absolute;pointer-events:none;opacity:.25;animation:floatDecor 7s ease-in-out infinite}.floating-decoration.star{font-size:24px}.floating-decoration.cloud-mini{width:40px;height:16px;background:#fffc;border-radius:20px}.floating-decoration.cloud-mini:before{content:"";position:absolute;width:20px;height:20px;background:#fffc;border-radius:50%;top:-8px;left:8px}.decor-1{top:15%;left:8%;animation-delay:0s}.decor-2{top:20%;right:10%;animation-delay:2s}.decor-3{bottom:25%;left:5%;animation-delay:4s}@keyframes floatDecor{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.emoji-row{display:flex;gap:16px;font-size:48px;margin-bottom:16px}.emoji-row span{animation:bounce 2s ease-in-out infinite}.emoji-row span:nth-child(2){animation-delay:.2s}.emoji-row span:nth-child(3){animation-delay:.4s}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.screen-method,.screen-source{background:var(--light-blue)}.option-cards{display:flex;flex-direction:column;gap:12px;width:100%;max-width:320px;margin-top:8px}.option-card{font-family:Nunito,sans-serif;font-size:16px;font-weight:600;padding:16px 20px;border-radius:16px;background:#0d94881a;border:2px solid var(--teal);color:var(--dark);cursor:pointer;transition:all .2s ease;text-align:center}.option-card:hover{background:#0d948833;transform:translateY(-2px);box-shadow:0 4px 12px #0d948826}.option-card:active{transform:scale(.98)}.option-card.selected{background:var(--orange);border-color:var(--orange);color:var(--white);box-shadow:0 4px 15px #f973164d;animation:cardSelect .3s ease}@keyframes cardSelect{0%{transform:scale(1)}50%{transform:scale(1.02)}to{transform:scale(1)}}.option-card.selected:hover{background:#ea580c;transform:translateY(-2px)}.option-card.multi-select{position:relative}.option-card.multi-select.selected:after{content:"";position:absolute;top:8px;right:12px;font-size:20px;font-weight:800;color:var(--white)}.screen-name{background:linear-gradient(180deg,var(--cream) 0%,#FFEDD5 100%)}.name-input{font-family:Nunito,sans-serif;font-size:24px;font-weight:700;padding:20px 24px;border-radius:20px;border:3px solid #E5E7EB;background:var(--white);color:var(--dark);text-align:center;width:100%;max-width:300px;margin-bottom:16px;outline:none;transition:all .2s ease}.name-input:focus{border-color:var(--orange);box-shadow:0 0 0 4px #f9731626;transform:scale(1.01)}.name-input::placeholder{color:#9ca3af}.helper-text{font-size:14px;font-weight:600;color:var(--gray)}.screen-age{background:var(--cream)}.age-picker{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;width:100%;max-width:320px;margin-bottom:20px}.age-pill{font-family:Nunito,sans-serif;font-size:20px;font-weight:700;width:56px;height:56px;border-radius:50%;background:var(--white);border:2px solid #E5E7EB;color:var(--dark);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.age-pill:hover{border-color:var(--teal);transform:scale(1.1);box-shadow:0 4px 12px #0d948833}.age-pill:active{transform:scale(.95)}.age-pill.selected{background:var(--orange);border-color:var(--orange);color:var(--white);box-shadow:0 4px 12px #f973164d;animation:cardSelect .3s ease}.screen-sex{background:var(--light-blue)}.sex-cards{display:flex;gap:16px;margin-bottom:20px}.sex-card{font-family:Nunito,sans-serif;display:flex;flex-direction:column;align-items:center;justify-content:center;width:130px;height:140px;border-radius:24px;background:var(--white);border:3px solid #E5E7EB;cursor:pointer;transition:all .2s ease}.sex-card:hover{border-color:var(--teal);transform:translateY(-4px);box-shadow:0 8px 20px #0d948826}.sex-card:active{transform:scale(.98)}.sex-card.selected{background:#fff7ed;border-color:var(--orange);box-shadow:0 8px 20px #f9731633;animation:cardSelect .3s ease}.sex-emoji{font-size:48px;margin-bottom:8px}.sex-label{font-size:18px;font-weight:700;color:var(--dark)}.screen-relationship{background:var(--cream)}.screen-child-faith{background:var(--light-blue)}.screen-encouragement{background:linear-gradient(180deg,#fef3c7,#fdba74,#fb923c);position:relative}.floating-stars{position:absolute;width:100%;height:100%;pointer-events:none;z-index:1}.star{position:absolute;font-size:28px;animation:twinkle 2s ease-in-out infinite}.star-1{top:12%;left:8%;animation-delay:0s}.star-2{top:18%;right:12%;animation-delay:.4s}.star-3{top:28%;left:15%;animation-delay:.8s}.star-4{top:22%;right:20%;animation-delay:1.2s}.star-5{top:32%;right:8%;animation-delay:1.6s}@keyframes twinkle{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.3)}}.encouragement-content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center}.encouragement-title{font-size:32px;font-weight:800;color:var(--dark);margin-bottom:28px;line-height:1.3}.encouragement-quote{background:#ffffffe6;padding:24px 28px;border-radius:20px;max-width:320px;box-shadow:0 4px 20px #0000001a}.quote-text-small{font-size:16px;font-weight:600;color:var(--dark);line-height:1.6;margin-bottom:12px;font-style:italic}.quote-ref{font-size:14px;font-weight:700;color:var(--teal)}.btn-coral{background:var(--coral);color:var(--white)}.btn-coral:hover{background:#f43f5e;transform:scale(1.03);box-shadow:0 6px 20px #fb718566}.btn-coral:active{transform:scale(.98)}.screen-parent-faith{background:linear-gradient(180deg,var(--cream) 0%,#FFEDD5 100%)}.screen-goals{background:var(--white)}.screen-testimonial{background:var(--cream)}.screen-learning{background:var(--light-blue)}.goal-card{transition:all .2s ease}.goal-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px #0000001a}.goal-card:active{transform:scale(.98)}.interest-card{transition:all .2s ease}.interest-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px #0000001a}.interest-card:active{transform:scale(.98)}.pricing-card{transition:all .2s ease}.pricing-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0000001a}.pricing-card:active{transform:scale(.98)}.pricing-card.selected{animation:cardSelect .3s ease}.btn:disabled{background:#d1d5db;cursor:not-allowed;box-shadow:none}.btn:disabled:hover{transform:none;box-shadow:none}@media (max-width: 480px){.splash-title{font-size:42px}.splash-bird{font-size:36px}.splash-subtitle{font-size:20px}.title{font-size:24px}.subtitle{font-size:16px}.quote-text{font-size:24px}.quote-mark{font-size:80px}.emoji-row{font-size:44px}}.screen-personalization{background:linear-gradient(180deg,#ecfeff,#fff)}.personalization-content{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:40px 24px;width:100%;box-sizing:border-box}.emoji-circle-container{position:relative;width:220px;height:220px;margin-bottom:24px}.emoji-circle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:160px;height:160px;background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:2;box-shadow:0 8px 32px #fde68a66}.rotating-emoji{font-size:56px;transition:opacity .4s ease}.rotating-emoji.fade-out{opacity:0}.blob{position:absolute;border-radius:50%;z-index:1;animation:blobFloat 4s ease-in-out infinite}.blob-1{width:80px;height:80px;background:linear-gradient(135deg,#f97316,#fb923c);top:0;right:20px;animation-delay:0s}.blob-2{width:60px;height:60px;background:linear-gradient(135deg,#fb7185,#fda4af);bottom:20px;left:0;animation-delay:1s}.blob-3{width:50px;height:50px;background:linear-gradient(135deg,#a78bfa,#c4b5fd);top:40px;left:10px;animation-delay:2s}@keyframes blobFloat{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-10px) scale(1.05)}}.personalization-headline{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:40px;gap:4px}.headline-teal{font-size:24px;font-weight:700;color:var(--teal)}.headline-name{font-size:28px;font-weight:800;color:var(--teal)}.headline-orange{font-size:24px;font-weight:700;color:var(--orange)}.personalization-checklist{width:100%;max-width:340px;display:flex;flex-direction:column;gap:16px}.checklist-item{position:relative;display:flex;align-items:center;justify-content:space-between;padding:12px 0;opacity:0;transform:translateY(10px);transition:opacity .4s ease,transform .4s ease}.checklist-item.visible{opacity:1;transform:translateY(0)}.checklist-text{font-size:16px;font-weight:600;color:var(--dark);flex:1}.checklist-icon{font-size:20px;margin-left:8px;margin-right:8px}.checklist-check{font-size:20px;color:var(--teal);font-weight:800;opacity:0;transform:scale(0);transition:opacity .3s ease,transform .3s ease}.checklist-item.completed .checklist-check{opacity:1;transform:scale(1)}.checklist-underline{position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#f59e0b,#fbbf24);transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.checklist-item.completed .checklist-underline{transform:scaleX(1)}.checklist-progress{position:absolute;bottom:0;left:0;height:3px;background:linear-gradient(90deg,#f59e0b,#fbbf24,#f97316);border-radius:2px;width:0%;opacity:0;transition:width 1.8s ease-out}.checklist-item.in-progress .checklist-progress{opacity:1;width:100%}.checklist-item.completed .checklist-progress{opacity:0}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}@keyframes sparkle{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.8)}}@keyframes bounce{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-10px) scale(1.05)}}@keyframes bellRing{0%,to{transform:rotate(0)}10%,30%{transform:rotate(10deg)}20%,40%{transform:rotate(-10deg)}50%{transform:rotate(0)}}