@import"https://fonts.googleapis.com/css2?family=Quicksand:wght@300;400;500;600;700&display=swap";:root{font-family:Quicksand,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif;line-height:1.6;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2}button{font-family:inherit;cursor:pointer}a{font-weight:600;text-decoration:none}a:hover{text-decoration:none}img{max-width:100%;height:auto}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 20px}:root{--primary-color: #b0d7e5;--accent-color: #4a8ba3;--text-color: #333;--light-text: #666;--background-color: #ffffff;--section-bg: #f9f9f9;--border-radius: 20px;--shadow: 0 8px 30px rgba(0, 0, 0, .1);--font-primary: "Quicksand", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif}body{margin:0;padding:0;font-family:var(--font-primary);background-color:var(--background-color);color:var(--text-color);line-height:1.6}.landing-container{width:100%;overflow-x:hidden;animation:fadeIn .7s ease-out forwards}.hero{background-color:var(--primary-color);background-image:linear-gradient(120deg,#b0d7e5,#caecf8);padding:80px 20px 120px;position:relative;overflow:hidden;text-align:center}.hero-content{max-width:1200px;margin:0 auto;position:relative;z-index:2;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;text-align:center;animation:fadeIn .8s ease-out forwards}.hero-text{flex:1;min-width:300px;text-align:center;padding:0 20px;max-width:650px}.hero-logo-container{display:flex;align-items:center;justify-content:center;margin-bottom:20px}@media (min-width: 769px){.hero-logo-container{flex-direction:row}}.hero-logo{width:80px;height:80px;filter:drop-shadow(0 5px 15px rgba(0,0,0,.1));margin-right:15px}@media (max-width: 768px){.hero-logo{margin-right:0;margin-bottom:10px}}.hero h1{font-size:3.8rem;margin:0;color:var(--text-color);font-weight:800;text-align:center;letter-spacing:-1px;line-height:1.1}.hero p{font-size:1.5rem;max-width:100%;margin:15px 0;color:var(--text-color);text-align:center;font-weight:500}.app-screenshot{max-width:300px;border-radius:25px;box-shadow:var(--shadow);margin:20px auto;display:block}.phone-mockup{position:relative;width:280px;flex-shrink:0;margin:20px;perspective:1000px}.phone-frame{position:relative;width:280px;height:570px;background-color:#1a1a1a;border-radius:36px;padding:10px;box-shadow:0 10px 30px #0003,inset 0 0 0 2px #ffffff1a;transform:rotateY(-5deg) rotateX(5deg);transition:transform .3s ease}.phone-frame:hover{transform:rotateY(0) rotateX(0)}.phone-frame:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:150px;height:30px;background-color:#1a1a1a;border-radius:0 0 20px 20px;z-index:2}.phone-frame .app-screenshot{width:100%;height:100%;object-fit:cover;border-radius:25px;box-shadow:none;margin:0}.phone-shadow{position:absolute;bottom:-20px;left:50%;transform:translate(-50%);width:90%;height:20px;background:#0003;filter:blur(15px);border-radius:50%;z-index:0}.cta-button{background-color:var(--accent-color);color:#fff;font-size:1.2rem;padding:16px 36px;border-radius:12px;border:none;cursor:pointer;text-decoration:none;display:inline-block;font-weight:700;transition:all .3s ease;box-shadow:0 4px 15px #0000001a;letter-spacing:.5px}.cta-button:hover{transform:translateY(-3px);box-shadow:0 8px 25px #00000026;background-color:#3d7a8f}.features{padding:100px 20px;max-width:1200px;margin:0 auto;text-align:center;position:relative}.features h2{font-size:2.8rem;margin-bottom:25px;position:relative;text-align:center;font-weight:800;letter-spacing:-.5px;color:var(--text-color)}.features h2:after{content:"";display:block;width:80px;height:4px;background:var(--accent-color);margin:15px auto;border-radius:2px}.section-description{font-size:1.4rem;color:var(--light-text);max-width:700px;margin:0 auto 50px;text-align:center;font-weight:500}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;margin-top:60px}.feature-card{background:#fff;border-radius:var(--border-radius);padding:35px 25px;text-align:center;box-shadow:0 10px 30px #0000000d;transition:all .3s ease;border:1px solid rgba(0,0,0,.03);animation:fadeIn .8s ease-out forwards;animation-fill-mode:both}.feature-card:hover{transform:translateY(-8px);box-shadow:0 15px 35px #0000001a}.feature-card:nth-child(1){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-icon{font-size:42px;color:var(--accent-color);margin-bottom:25px;display:inline-block}.feature-card h3{font-size:1.5rem;margin-bottom:15px;font-weight:700;letter-spacing:-.3px}.feature-card p{color:var(--light-text);line-height:1.7}.how-it-works{background-color:var(--section-bg);background-image:linear-gradient(180deg,#fff,#f9f9f9);padding:50px 20px;text-align:center;position:relative;overflow:hidden}.how-it-works-content{max-width:1200px;margin:0 auto;text-align:center;position:relative;z-index:2}.how-it-works h2{font-size:2.8rem;margin-bottom:25px;position:relative;text-align:center;font-weight:800;letter-spacing:-.5px;color:var(--text-color)}.how-it-works h2:after{content:"";display:block;width:80px;height:4px;background:var(--accent-color);margin:15px auto;border-radius:2px}.process-steps{display:flex;flex-direction:column;align-items:center;margin:50px auto;max-width:600px}.process-step{background:#fff;border-radius:16px;padding:40px 30px;text-align:center;box-shadow:0 10px 25px #0000000a;position:relative;border:1px solid rgba(0,0,0,.04);transition:all .3s ease;animation:fadeIn .8s ease-out forwards;animation-fill-mode:both;width:100%;margin-bottom:10px}.process-step:last-child{margin-bottom:0}.process-arrow{margin:10px 0;height:40px;display:flex;align-items:center;justify-content:center}.arrow-circle{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background-color:#b0d7e54d;border-radius:50%;color:var(--accent-color);font-size:30px;transition:all .3s ease}.process-arrow:hover .arrow-circle{transform:translateY(5px);background-color:#b0d7e580}.process-step:nth-child(1){animation-delay:.1s}.process-step:nth-child(3){animation-delay:.3s}.process-step:nth-child(5){animation-delay:.5s}.process-step:hover{transform:translateY(-8px);box-shadow:0 15px 35px #00000014}.process-number{background-color:var(--accent-color);color:#fff;width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.6rem;margin:0 auto 25px}.process-step h3{font-size:1.5rem;margin-bottom:15px;font-weight:700;letter-spacing:-.3px;color:var(--text-color);text-align:center}.process-step p{color:var(--light-text);line-height:1.7;font-size:1.05rem;text-align:center;max-width:450px;margin:0 auto}.offline-highlights{display:flex;justify-content:center;flex-wrap:wrap;gap:15px;margin:40px auto 20px}.offline-highlight{display:inline-flex;align-items:center;background-color:#fff;padding:12px 20px;border-radius:12px;box-shadow:0 6px 16px #0000000a;border:1px solid rgba(0,0,0,.04);font-weight:600;transition:all .3s ease}.offline-highlight:hover{transform:translateY(-4px);box-shadow:0 10px 20px #00000014}.highlight-icon{margin-right:10px;font-size:1.3em}footer{background-color:var(--primary-color);background-image:linear-gradient(120deg,#b0d7e5,#caecf8);color:var(--text-color);text-align:center;padding:40px 20px;position:relative}.footer-content{max-width:1200px;margin:0 auto;text-align:center;position:relative;z-index:2}.footer-logo-link{display:inline-block;margin-bottom:15px}.footer-logo{height:60px;transition:transform .3s ease}.footer-logo:hover{transform:scale(1.1)}.footer-links{margin:25px 0;display:flex;flex-wrap:wrap;justify-content:center;gap:20px}.footer-links a,.footer-links a:visited{color:var(--accent-color);padding:8px 16px;text-decoration:none;font-weight:700;transition:all .2s ease;font-size:1rem}.footer-links a:hover{text-decoration:none;color:#3d7a8f;background-color:#ffffffb3;border-radius:10px;transform:translateY(-2px)}.copyright{font-size:.9rem;color:var(--light-text);margin-top:30px;font-weight:500}.app-badges{margin:10px auto;text-align:center}.app-badges .app-badge-large{height:60px;margin:10px;transition:transform .3s ease;filter:drop-shadow(0 4px 10px rgba(0,0,0,.1))}.app-badges .app-badge-large:hover{transform:scale(1.08) translateY(-5px);filter:drop-shadow(0 8px 15px rgba(0,0,0,.15))}.floating-elements,.floating-element{display:none}@media (max-width: 992px){.unique-features{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.unique-feature-content h3{font-size:1.3rem}}@media (max-width: 768px){.hero-content{flex-direction:column;text-align:center;padding:0 15px}.hero-text{text-align:center;margin-bottom:40px;padding:0;display:flex;flex-direction:column;align-items:center}.hero-logo-container{justify-content:center;flex-direction:column;align-items:center}.hero h1{text-align:center;margin-top:15px;font-size:2.8rem}.hero p{text-align:center;margin:20px auto;font-size:1.2rem;max-width:500px}.offline-badge{margin:0 auto 25px}.app-badges{margin:20px auto}.process-arrow{margin:5px 0;height:35px}.arrow-circle{width:35px;height:35px;font-size:24px}.process-steps{max-width:100%;padding:0 15px}.unique-features{grid-template-columns:1fr;max-width:500px;gap:25px}.process-step{padding:30px 20px}.unique-feature{padding:30px 25px}.process-number,.unique-feature-icon{width:60px;height:60px;font-size:32px;margin-bottom:20px}.process-step h3,.unique-feature-content h3{font-size:1.3rem}.process-step p,.unique-feature-content p{font-size:1rem}.terms-header-content{flex-direction:column}.header-logo-link{position:static;margin-bottom:20px}.terms-container{padding:30px}.phone-mockup{margin:0 auto}}@media (max-width: 480px){.hero h1{font-size:2.2rem}.cta-button{width:100%}.terms-container{padding:25px 20px}.download h2,.features h2,.how-it-works h2{font-size:2.2rem}.section-description{font-size:1.1rem}}.onboarding{background-color:var(--background-color);padding:80px 20px;text-align:center}.onboarding-content{max-width:1200px;margin:0 auto}.onboarding h2{font-size:2.5rem;margin-bottom:20px;position:relative}.onboarding h2:after{content:"";display:block;width:80px;height:4px;background:var(--accent-color);margin:15px auto;border-radius:2px}.onboarding-steps{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;margin-top:40px}.onboarding-step{flex:1;min-width:220px;max-width:280px;background:var(--section-bg);border-radius:var(--border-radius);padding:30px;box-shadow:var(--shadow);transition:transform .3s ease}.onboarding-step:hover{transform:translateY(-5px)}.onboarding-icon{font-size:50px;margin-bottom:20px}.onboarding-step h3{font-size:1.4rem;margin-bottom:15px;color:var(--text-color)}.onboarding-step p{color:var(--light-text)}@media (max-width: 992px){.onboarding-step{min-width:200px}}.app-store-badge-header{margin:20px 0;text-align:left}.app-store-badge-header .app-badge{height:50px;transition:transform .2s ease}.app-store-badge-header .app-badge:hover{transform:scale(1.05)}.offline-section{background-color:#f0f9fc;padding:80px 20px;text-align:center}.offline-content{max-width:1200px;margin:0 auto}.offline-section h2{font-size:2.5rem;margin-bottom:20px;position:relative}.offline-section h2:after{content:"";display:block;width:80px;height:4px;background:var(--accent-color);margin:15px auto;border-radius:2px}.offline-benefits{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:25px;margin-top:50px}.offline-benefit{background:#fff;border-radius:var(--border-radius);padding:30px;box-shadow:var(--shadow);transition:transform .3s ease}.offline-benefit:hover{transform:translateY(-5px)}.offline-benefit-icon{font-size:40px;margin-bottom:15px}.offline-benefit h3{font-size:1.4rem;margin-bottom:12px;color:var(--text-color)}.offline-benefit p{color:var(--light-text)}.unique-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;margin:60px auto;width:100%;max-width:1200px}.unique-feature{background:#fff;border-radius:16px;padding:35px 25px;text-align:center;box-shadow:0 10px 25px #0000000a;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;border:1px solid rgba(0,0,0,.04);animation:fadeIn .8s ease-out forwards;animation-fill-mode:both;height:100%}.unique-feature:nth-child(1){animation-delay:.1s}.unique-feature:nth-child(2){animation-delay:.3s}.unique-feature:nth-child(3){animation-delay:.5s}.unique-feature:hover{transform:translateY(-8px);box-shadow:0 15px 35px #00000014}.unique-feature-icon{font-size:42px;margin-bottom:25px;color:var(--accent-color);background-color:#b0d7e533;width:80px;height:80px;display:flex;align-items:center;justify-content:center;border-radius:50%}.unique-feature-content{text-align:center;width:100%;flex:1;display:flex;flex-direction:column}.unique-feature-content h3{font-size:1.4rem;margin-bottom:15px;font-weight:700;letter-spacing:-.3px;color:var(--text-color);line-height:1.3}.unique-feature-content p{font-size:1rem;line-height:1.7;color:var(--light-text);flex:1}.download{padding:100px 20px;text-align:center;background-color:#fff;position:relative;overflow:hidden}.download-content{max-width:800px;margin:0 auto;text-align:center;position:relative;z-index:2}.download h2{font-size:2.8rem;margin-bottom:25px;text-align:center;font-weight:800;letter-spacing:-.5px;color:var(--text-color)}.download p{font-size:1.4rem;color:var(--light-text);margin-bottom:40px;text-align:center;font-weight:500;max-width:600px;margin-left:auto;margin-right:auto}.app-info{display:flex;justify-content:center;flex-wrap:wrap;gap:30px;margin-top:40px}.app-info-item{display:flex;align-items:center}.app-info-icon{margin-right:10px}.llama-mascot-container{display:flex;justify-content:center;margin:0 auto 15px;max-width:100%}.llama-mascot{max-width:150px;filter:drop-shadow(0 5px 15px rgba(0,0,0,.1));transition:transform .3s ease}.llama-mascot:hover{transform:scale(1.1) rotate(5deg)}.features .llama-mascot,.how-it-works .llama-mascot,.download .llama-mascot{max-width:150px}@media (max-width: 768px){.llama-mascot{max-width:120px}}@media (max-width: 480px){.llama-mascot{max-width:100px}}.terms-header{background-color:var(--primary-color);background-image:linear-gradient(120deg,#b0d7e5,#caecf8);padding:50px 20px;text-align:center}.terms-header-content{max-width:1000px;margin:0 auto;display:flex;align-items:center;justify-content:center;position:relative}.header-logo-link{position:absolute;left:0;transition:transform .2s ease}.header-logo-link:hover{transform:scale(1.05)}.terms-header h1{font-size:2.5rem;color:var(--text-color);font-weight:700;letter-spacing:-.5px}.terms-content{padding:60px 20px 100px;max-width:800px;margin:0 auto}.terms-container{background-color:#fff;border-radius:var(--border-radius);padding:50px;box-shadow:0 10px 30px #0000000d;border:1px solid rgba(0,0,0,.03);animation:fadeIn .8s ease-out forwards}.terms-container h2{font-size:1.75rem;margin:40px 0 20px;color:var(--accent-color);font-weight:700;letter-spacing:-.3px}.terms-container h2:first-child{margin-top:0}.terms-container p{margin-bottom:20px;line-height:1.8}.last-updated{font-style:italic;color:var(--light-text);margin-top:50px;padding-top:25px;border-top:1px solid #eee;font-size:.9rem}@media (max-width: 768px){.terms-header-content{flex-direction:column}.header-logo-link{position:static;margin-bottom:20px}.terms-container{padding:30px}}@media (max-width: 480px){.terms-container{padding:25px 20px}}.privacy-list{margin:0 0 25px 25px;padding:0;list-style-type:disc}.privacy-list li{margin-bottom:12px;line-height:1.7}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.offline-badge{display:inline-flex;align-items:center;background-color:#ffffff80;padding:5px 10px;border-radius:12px;margin:0 auto 25px;font-weight:600;color:var(--text-color);box-shadow:0 6px 16px #0000000a;font-size:.75rem;justify-content:center;border:1px solid rgba(0,0,0,.04);transition:all .3s ease}.offline-badge:hover{transform:translateY(-3px);box-shadow:0 8px 20px #00000014}.offline-icon{margin-right:8px;font-size:1.2em}@media (max-width: 768px){.process-steps,.unique-features{max-width:100%;padding:0 15px}.process-step,.unique-feature{padding:30px 20px}.process-number,.unique-feature-icon{width:60px;height:60px;font-size:32px;margin-bottom:20px}.process-step h3,.unique-feature-content h3{font-size:1.3rem}.process-step p,.unique-feature-content p{font-size:1rem}.hero-content{flex-direction:column;text-align:center}.hero-text{text-align:center;margin-bottom:40px;padding:0}.hero-logo-container{justify-content:center}.hero h1,.hero p{text-align:center}}#root{width:100%;margin:0;padding:0;text-align:center}@keyframes float{0%{transform:translateY(0) translate(0)}50%{transform:translateY(-20px) translate(10px)}to{transform:translateY(0) translate(0)}}