*{margin:0;padding:0;box-sizing:border-box}*,body{max-width:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6}.page-container{min-height:100vh;max-width:100%;background:linear-gradient(135deg,#faf5ff,#fdf2f8 50%,#eff6ff)}.container{max-width:1200px;margin:0 auto;padding:0 1rem}.header{padding:1.5rem 0;opacity:0;transform:translateY(-40px);transition:all 1s ease-out}.header.visible{opacity:1;transform:translateY(0)}.nav{max-width:1200px;margin:0 auto;padding:0 1rem;justify-content:space-between}.logo,.nav{display:flex;align-items:center}.logo{gap:.5rem;animation:bounce 2s infinite}.logo-emoji{max-width:8%}.logo-text{font-size:2rem;font-weight:700;color:#747D94}.nav-links{display:none;gap:1.5rem}.nav-link{color:#6b7280;text-decoration:none;transition:all .3s ease;font-weight:500}.nav-link:hover{color:#8b5cf6;transform:scale(1.1)}.hero{padding:4rem 0;text-align:center}.hero-content{max-width:1000px;margin:0 auto;padding:0 1rem}.hero-title{font-size:3rem;font-weight:700;color:#1f2937;margin-bottom:1.5rem;opacity:0;transform:translateY(40px);transition:all 1s ease-out .3s}.hero-title.visible{opacity:1;transform:translateY(0)}.highlight{color:#8b5cf6;animation:pulse 2s infinite}.hero-subtitle{font-size:1.25rem;color:#6b7280;margin-bottom:2rem;opacity:0;transform:translateY(40px);transition:all 1s ease-out .5s}.hero-subtitle.visible{opacity:1;transform:translateY(0)}.hero-buttons{display:flex;flex-direction:column;gap:1rem;margin-bottom:3rem;opacity:0;transform:translateY(40px);transition:all 1s ease-out .7s}.hero-buttons.visible{opacity:1;transform:translateY(0)}.download-btn{padding:1rem 2rem;border:none;border-radius:9999px;font-size:1.125rem;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 10px 15px -3px rgba(0,0,0,.1);color:white}.download-btn:hover{transform:scale(1.02);box-shadow:0 20px 25px -5px rgba(0,0,0,.1)}.ios-btn{background-color:#8b5cf6}.ios-btn:hover{background-color:#7c3aed}.android-btn{background-color:#10b981}.android-btn:hover{background-color:#059669}.app-preview{max-width:32rem;margin:0 auto;position:relative;opacity:0;transform:translateY(40px);transition:all 1s ease-out 1s}.app-preview.visible{opacity:1;transform:translateY(0)}.phone-frame{background:white;border-radius:1.5rem;padding:2rem;box-shadow:0 25px 50px -12px rgba(0,0,0,.25);border:8px solid #e5e7eb;transition:all .5s ease;animation:float 3s ease-in-out infinite}.phone-frame:hover{transform:scale(1.05);box-shadow:0 35px 60px -12px rgba(0,0,0,.25)}.phone-content{background:linear-gradient(135deg,#f3e8ff,#fdf2f8);border-radius:1rem;padding:1.5rem}.app-header{text-align:center;margin-bottom:1.5rem}.app-title{font-size:1.5rem;font-weight:700;color:#374151;margin-bottom:.5rem}.app-subtitle{color:#6b7280}.app-buttons{display:grid;grid-gap:1rem;gap:1rem}.app-button{padding:1.5rem;border-radius:.75rem;display:flex;align-items:center;justify-content:center;gap:.75rem;cursor:pointer;transition:all .3s ease;font-weight:700;color:#374151}.app-button:hover{transform:scale(1.02)}.app-button.pink{background-color:#fdf2f8}.app-button.pink:hover{background-color:#fce7f3}.app-button.blue{background-color:#eff6ff}.app-button.blue:hover{background-color:#dbeafe}.app-button.green{background-color:#f0fdf4}.app-button.green:hover{background-color:#dcfce7}.app-icon{font-size:2rem}.features{padding:5rem 0;background:white}.section-title{font-size:2.5rem;font-weight:700;text-align:center;color:#1f2937;margin-bottom:4rem}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:2rem;gap:2rem}.feature-card{padding:2rem;text-align:center;background:white;border-radius:.5rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.1);transition:all .5s ease;animation:fadeInUp .8s ease-out forwards;opacity:0}.feature-card:hover{transform:scale(1.02) translateY(-4px);box-shadow:0 10px 15px -3px rgba(0,0,0,.1)}.feature-card:first-child{animation-delay:.1s}.feature-card:nth-child(2){animation-delay:.2s}.feature-card:nth-child(3){animation-delay:.3s}.feature-card:nth-child(4){animation-delay:.4s}.feature-card:nth-child(5){animation-delay:.5s}.feature-card:nth-child(6){animation-delay:.6s}.feature-icon{font-size:3rem;margin-bottom:1rem;animation:bounce 2s infinite}.feature-icon:first-child{animation-delay:.1s}.feature-icon:nth-child(2){animation-delay:.2s}.feature-icon:nth-child(3){animation-delay:.3s}.feature-icon:nth-child(4){animation-delay:.4s}.feature-icon:nth-child(5){animation-delay:.5s}.feature-title{font-size:1.5rem;font-weight:700;color:#1f2937;margin-bottom:1rem}.feature-text{color:#6b7280}.how-it-works{padding:5rem 0;background:linear-gradient(90deg,#f9fafb,#fdf2f8)}.steps-container{max-width:1000px;margin:0 auto}.steps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:2rem;gap:2rem}.step{text-align:center;animation:slideInLeft .8s ease-out forwards;opacity:0}.step:first-child{animation-delay:.1s}.step:nth-child(2){animation-delay:.2s}.step:nth-child(3){animation-delay:.3s}.step:nth-child(4){animation-delay:.4s}.step-number{width:4rem;height:4rem;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;font-size:1.5rem;font-weight:700;color:white;transition:all .3s ease}.step-number:hover{transform:scale(1.1)}.step-number.purple{background-color:#8b5cf6}.step-number.pink{background-color:#ec4899}.step-number.blue{background-color:#3b82f6}.step-number.green{background-color:#10b981}.step-title{font-weight:700;color:#1f2937;margin-bottom:.5rem}.step-text{color:#6b7280;font-size:.875rem}.testimonials{padding:5rem 0;background:white}.testimonials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:2rem;gap:2rem}.testimonial-card{padding:1.5rem;background:white;border-radius:.5rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.1);border:1px solid #f3f4f6}.testimonial-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.testimonial-avatar{font-size:2rem}.testimonial-name{font-weight:700;color:#1f2937}.testimonial-role{color:#6b7280;font-size:.875rem}.testimonial-text{color:#6b7280;margin-bottom:.75rem}.testimonial-stars{color:#fbbf24}.download-section{padding:5rem 0;background:linear-gradient(90deg,#8b5cf6,#ec4899);color:white;text-align:center}.download-title{font-size:2.5rem;font-weight:700;margin-bottom:1.5rem}.download-subtitle{font-size:1.25rem;margin-bottom:2rem;opacity:.9}.download-buttons{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem;max-width:600px;margin-left:auto;margin-right:auto}.store-btn{background:white;color:#8b5cf6;border:none;padding:1rem 2rem;border-radius:9999px;font-size:1.125rem;font-weight:700;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;box-shadow:0 10px 15px -3px rgba(0,0,0,.1)}.store-btn:hover{background:#f9fafb;transform:scale(1.02);box-shadow:0 20px 25px -5px rgba(0,0,0,.1)}.store-icon{font-size:1.25rem}.download-note{font-size:.875rem;opacity:.75}.footer{background:#1f2937;color:white;padding:3rem 0}.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:2rem;gap:2rem;margin-bottom:2rem}.footer-logo{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.footer-logo-emoji{font-size:1.5rem}.footer-logo-text{font-size:1.25rem;font-weight:700}.footer-description{color:#9ca3af}.footer-heading{font-weight:700;margin-bottom:1rem}.footer-list{list-style:none}.footer-list li{margin-bottom:.5rem}.footer-button,.footer-link{color:#9ca3af;text-decoration:none;background:none;border:none;cursor:pointer;transition:color .3s ease;font-size:inherit;font-family:inherit}.footer-button:hover,.footer-link:hover{color:white}.footer-bottom{border-top:1px solid #374151;padding-top:2rem;text-align:center}.footer-copyright{color:#9ca3af}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;animation:fadeIn .3s ease-out}.modal-content{background:white;border-radius:.75rem;max-width:1000px;width:100%;max-height:90vh;overflow-y:auto;animation:slideInUp .3s ease-out}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e5e7eb}.modal-title{font-size:1.875rem;font-weight:700;color:#1f2937;animation:slideInLeft .5s ease-out}.modal-close{background:none;border:none;font-size:2rem;color:#6b7280;cursor:pointer;transition:all .3s ease}.modal-close:hover{color:#374151;transform:scale(1.1) rotate(90deg)}.modal-body{padding:1.5rem;color:#374151}.policy-section{margin-bottom:2rem}.policy-heading{font-size:1.25rem;font-weight:700;margin-bottom:.75rem;color:#1f2937}.policy-text{margin-bottom:.5rem;line-height:1.6}.policy-list{margin-left:1.5rem;margin-bottom:.5rem}.policy-list li{margin-bottom:.25rem}.contact-info{background:#f9fafb;padding:1rem;border-radius:.5rem;margin-top:.5rem}.contact-info p{margin-bottom:.25rem}.policy-update{background:#eff6ff;padding:1rem;border-radius:.5rem}.update-text{margin-bottom:.25rem}.update-note,.update-text{font-size:.875rem}.modal-footer{padding:1.5rem;border-top:1px solid #e5e7eb;text-align:center}.understand-btn{background:#8b5cf6;color:white;border:none;padding:.75rem 2rem;border-radius:.5rem;font-weight:700;cursor:pointer;transition:background .3s ease}.understand-btn:hover{background:#7c3aed}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce{0%,20%,53%,80%,to{transform:translateZ(0)}40%,43%{transform:translate3d(0,-30px,0)}70%{transform:translate3d(0,-15px,0)}90%{transform:translate3d(0,-4px,0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.8}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@media (min-width:640px){.hero-buttons{justify-content:center}.download-buttons,.hero-buttons{flex-direction:row}.nav-links{display:flex}.hero-title{font-size:4rem}.section-title{font-size:3rem}}@media (min-width:768px){.hero-title{font-size:5rem}.hero-subtitle{font-size:1.5rem}}@media (min-width:1024px){.hero-title{font-size:6rem}}.image-app{height:20%}