*{box-sizing:border-box;margin:0;padding:0}body{color:#333;background-color:#f8f9fa;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6}.app-container{min-height:100vh}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.fade-in{opacity:0;animation:1s ease-in-out forwards fadeIn}.slide-up{opacity:0;animation:1s ease-out .3s forwards slideUp;transform:translateY(50px)}.slide-up-delay{opacity:0;animation:1s ease-out .6s forwards slideUp;transform:translateY(50px)}.fade-in-delay{opacity:0;animation:1s ease-in-out .9s forwards fadeIn}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.hero-section{color:#fff;text-align:center;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);padding:8rem 0;position:relative;overflow:hidden}.hero-section:before{content:"";opacity:.3;background:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"100\" height=\"100\" viewBox=\"0 0 100 100\"><circle cx=\"50\" cy=\"50\" r=\"1\" fill=\"rgba(255,255,255,0.1)\"/></svg>");position:absolute;inset:0}.hero-content{z-index:1;position:relative}.hero-content h1{margin-bottom:1rem;font-size:3.5rem;font-weight:700;line-height:1.2}.hero-content p{opacity:.9;margin-bottom:2rem;font-size:1.5rem}.download-buttons{flex-wrap:wrap;justify-content:center;gap:20px;margin-top:32px;display:flex}.store-button{background:0 0;border:none;padding:0;transition:transform .3s;display:inline-block}.store-button:hover{transform:translateY(-2px)}.store-button img{border-radius:12px;display:block}@media (max-width:768px){.store-button img{width:150px!important}}@media (max-width:480px){.store-button img{width:130px!important}.download-buttons{gap:15px}}.intro-section{background-color:#fff;padding:6rem 0}.intro-section p{color:#555;text-align:center;max-width:800px;margin-bottom:1.5rem;margin-left:auto;margin-right:auto;font-size:1.2rem}.features-section{background-color:#f8f9fa;padding:6rem 0}.features-section h2{text-align:center;color:#333;margin-bottom:4rem;font-size:2.5rem}.features-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:2rem;display:grid}.feature-card{z-index:1;text-align:center;background-color:#fff;border-radius:1rem;padding:2.5rem;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 5px 15px #0000000d}.feature-card:before{content:"";z-index:-1;background-color:#ffffffd9;position:absolute;inset:0}.feature-content{z-index:1;background:#ffffffe6;border-radius:8px;padding:1.5rem;transition:all .3s;position:relative}.feature-card:hover .feature-content{background:#fffffff2;transform:scale(1.02)}.feature-card:hover{transform:translateY(-10px);box-shadow:0 15px 30px #0000001a}.feature-card h3{color:#333;margin-bottom:1rem;font-size:1.5rem}.feature-card p{color:#666;font-size:1.1rem}.cta-section{color:#fff;text-align:center;background:linear-gradient(135deg,#f093fb 0%,#f5576c 100%);padding:8rem 0}.cta-section h2{margin-bottom:1.5rem;font-size:2.5rem}.cta-section p{max-width:700px;margin-bottom:3rem;margin-left:auto;margin-right:auto;font-size:1.2rem}.footer{color:#fff;background-color:#333;padding:3rem 0}.footer .container{flex-direction:column;align-items:center;display:flex}.footer-links{gap:2rem;margin-bottom:2rem;display:flex}.footer-links a{color:#fff;text-decoration:none;transition:color .3s}.footer-links a:hover{color:#667eea}.footer p{opacity:.7;font-size:.9rem}.policy-container{flex-direction:column;min-height:100vh;display:flex}.policy-header{color:#fff;text-align:center;background-color:#667eea;margin-bottom:3rem;padding:3rem 0}.policy-header h1{margin-bottom:1rem;font-size:2.5rem}.back-link{color:#fff;border:2px solid #fff;border-radius:30px;padding:.5rem 1.5rem;font-size:1.1rem;text-decoration:none;transition:all .3s;display:inline-block}.back-link:hover{color:#667eea;background-color:#fff}.policy-section{border-bottom:1px solid #eee;margin-bottom:2rem;padding-bottom:1.5rem}.policy-section:last-child{border-bottom:none}.policy-section h2{color:#333;margin-bottom:1.5rem;font-size:1.8rem}.policy-section p{color:#555;margin-bottom:1rem;line-height:1.8}.policy-section ul{margin-bottom:1rem;margin-left:2rem}.policy-section li{color:#555;margin-bottom:.5rem}@media (max-width:768px){.hero-content h1{font-size:2.5rem}.hero-content p{font-size:1.2rem}.features-grid{grid-template-columns:1fr}.footer-links{flex-direction:column;align-items:center;gap:1rem}.policy-header h1{font-size:2rem}}