@import"https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800&display=swap";:root{--primary-gradient: linear-gradient(90deg, #25C4B2 0%, #1ea899 100%);--accent-color: #25C4B2;--text-main: #111827;--text-light: #6b7280;--white: #ffffff;--shadow-soft: 0 10px 15px -3px rgba(0, 0, 0, .05)}.header{width:100%;height:85px;display:flex;align-items:center;background-color:#ffffffd9;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);position:fixed!important;top:0;left:0;z-index:9999;transition:all .4s cubic-bezier(.4,0,.2,1);border-bottom:1px solid rgba(0,0,0,.05)}.header.scrolled{height:70px;background-color:#fffffffa;box-shadow:var(--shadow-soft)}.header-container{max-width:1400px;width:100%;margin:0 auto;padding:0 40px;display:flex;justify-content:space-between;align-items:center}.logo-section{display:flex;align-items:center;gap:12px;text-decoration:none;flex-shrink:0;transition:transform .3s ease}.logo-section:hover{transform:scale(1.02)}.logo-content{display:flex;flex-direction:column;line-height:1.1}.main-logo{width:40px;height:40px}.logo-text{font-size:20px;font-weight:700;background:var(--primary-gradient);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-family:Outfit,sans-serif;white-space:nowrap}.logo-slogan{font-size:11px;font-weight:500;color:var(--text-light);white-space:nowrap}.nav-links{display:flex;gap:32px;align-items:center}.nav-item{text-decoration:none;color:var(--text-light);font-weight:500;font-size:15px;font-family:Outfit,sans-serif;transition:color .3s ease;white-space:nowrap;position:relative;padding:6px 0}.nav-item:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--primary-gradient);border-radius:2px;transition:width .3s cubic-bezier(.4,0,.2,1)}.nav-item:hover{color:var(--text-main)}.nav-item:hover:after,.nav-item.active:after{width:100%}.nav-item.active{color:var(--accent-color)}.header-right{display:flex;align-items:center;gap:15px;flex-shrink:0}.action-button{background:var(--primary-gradient);color:#fff;padding:10px 22px;border-radius:12px;text-decoration:none;font-weight:700;font-size:14px;box-shadow:0 4px 10px #25c4b233;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}.action-button:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 8px 20px #25c4b24d;filter:brightness(1.05)}.desktop-only-btn{display:flex}.mobile-only-btn{display:none}.mobile-toggle{display:none;flex-direction:column;gap:5px;background:#f3f4f6;border:none;padding:10px;border-radius:10px;cursor:pointer;transition:all .3s ease}.bar{width:20px;height:2px;background-color:var(--text-main);border-radius:2px;transition:all .3s ease}@media (max-width: 1024px){.nav-links{gap:20px}}@media (max-width: 768px){.header-container{padding:0 20px}.nav-links{position:fixed;top:0;right:-100%;height:100vh;width:280px;background:var(--white);flex-direction:column;padding:100px 30px;align-items:flex-start;transition:.4s cubic-bezier(.4,0,.2,1);box-shadow:-10px 0 40px #0000001a;z-index:1001}.nav-links.open{right:0}.nav-item{font-size:18px;width:100%}.mobile-toggle{display:flex;position:relative;z-index:1002}.mobile-toggle.active{background:transparent}.desktop-only-btn{display:none!important}.mobile-only-btn{display:flex!important;width:100%;margin-top:20px;justify-content:center}.logo-slogan{font-size:10px}.mobile-toggle.active .bar:nth-child(1){transform:translateY(7px) rotate(45deg)}.mobile-toggle.active .bar:nth-child(2){opacity:0}.mobile-toggle.active .bar:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.menu-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000004d;z-index:999;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}}.home-container{width:100%;background-color:#fff;font-family:Outfit,sans-serif;overflow-x:hidden}.hero-section{max-width:1400px;margin:0 auto;padding:60px 40px}.hero-content{display:flex;align-items:center;justify-content:space-between;gap:40px}.hero-text{flex:1;max-width:600px}.hero-text h1{font-size:56px;font-weight:800;color:#111827;line-height:1.1;margin-bottom:24px;letter-spacing:-.02em}.hero-text p{font-size:19px;color:#4b5563;line-height:1.6;margin-bottom:32px}.store-buttons{display:flex;gap:15px;margin-top:35px}.custom-store-btn{display:flex;align-items:center;gap:12px;background-color:#fff;border:2px solid #000000;border-radius:12px;padding:8px 18px;text-decoration:none;color:#000;transition:all .2s ease;min-width:180px}.custom-store-btn:hover{background-color:#f8f9fa;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.btn-icon{width:28px;height:auto}.btn-text{display:flex;flex-direction:column;align-items:flex-start;line-height:1.1}.btn-text span{font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.btn-text strong{font-size:17px;font-weight:700}.hero-visual{flex:1;display:flex;justify-content:center;position:relative}.phone-display{width:100%;max-width:500px;position:relative;z-index:5}.blob-shape{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:120%;height:120%;background:radial-gradient(circle,#25c4b21a,#fff0 70%);z-index:1}.features-section{background-color:#f9fafb;padding:100px 40px}.features-container{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.feature-card{background:#fff;padding:40px;border-radius:24px;text-align:center;border:1px solid rgba(0,0,0,.05);transition:all .3s ease}.feature-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px #0000000d}.feature-icon{font-size:40px;margin-bottom:20px}.feature-card h3{font-size:22px;font-weight:700;margin-bottom:15px;color:#111827}.feature-card p{color:#6b7280;line-height:1.5}@media (max-width: 768px){.hero-content{flex-direction:column;text-align:center}.hero-text h1{font-size:34px}.store-buttons{flex-direction:column;align-items:center;gap:12px}.custom-store-btn{width:100%;max-width:260px;justify-content:center}.features-container{grid-template-columns:1fr}}.stats-highlight{background-color:#fff;padding:100px 40px;border-top:1px solid rgba(0,0,0,.03)}.stats-container{max-width:1400px;margin:0 auto;display:flex;justify-content:center}.stats-content{max-width:800px;text-align:center}.stats-badge{display:inline-block;background:#25c4b21a;color:#25c4b2;padding:8px 16px;border-radius:100px;font-size:14px;font-weight:600;margin-bottom:24px}.stats-content h2{font-size:42px;font-weight:800;color:#111827;margin-bottom:20px;line-height:1.2}.stats-content p{font-size:18px;color:#4b5563;line-height:1.7;margin-bottom:48px}.stats-row{display:flex;justify-content:center;gap:60px;border-top:1px solid rgba(0,0,0,.05);padding-top:40px}.stat-item{display:flex;flex-direction:column;gap:8px}.stat-item strong{font-size:36px;font-weight:800;color:#25c4b2}.stat-item span{font-size:14px;color:#6b7280;font-weight:500;text-transform:uppercase;letter-spacing:1px}@media (max-width: 768px){.stats-highlight{padding:60px 20px}.stats-content h2{font-size:30px}.stats-row{flex-direction:column;gap:30px}}*{box-sizing:border-box;margin:0;padding:0}.how-container{position:relative;padding-top:120px;min-height:100vh;background-color:#fff;font-family:Outfit,sans-serif;overflow-x:hidden}.how-top-wave{position:absolute;top:0;left:0;width:100%;height:450px;background:linear-gradient(180deg,#25c4b214,#fff0);z-index:1}.how-hero{position:relative;z-index:2;max-width:1200px;margin:0 auto;padding:40px 20px}.how-content-wrapper{display:flex;align-items:center;justify-content:space-between;gap:60px}.how-text-side{flex:1;z-index:5}.how-main-title{font-size:48px;font-weight:800;color:#111827;margin-bottom:50px;letter-spacing:-.02em}.yuka-steps{display:flex;flex-direction:column;gap:40px}.yuka-step{display:flex;align-items:flex-start;gap:24px}.yuka-step-number{width:42px;height:42px;background-color:#25c4b2;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;flex-shrink:0;box-shadow:0 4px 12px #25c4b233}.yuka-step-content h3{font-size:22px;font-weight:700;color:#111827;margin-bottom:8px}.yuka-step-content p{font-size:17px;color:#6b7280;line-height:1.6;max-width:450px}.mobile-dots{display:none}.how-visual-side{flex:1;display:flex;justify-content:center;position:relative}.yuka-circle-bg{position:absolute;width:500px;height:500px;background:#25c4b20d;border-radius:50%;z-index:1;top:50%;left:50%;transform:translate(-50%,-50%)}.yuka-phone-mockup{width:100%;max-width:420px;z-index:2;filter:drop-shadow(0 30px 60px rgba(0,0,0,.12));animation:yukaFloat 5s ease-in-out infinite}@keyframes yukaFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@media (max-width: 768px){.how-container{padding-top:80px}.how-content-wrapper{flex-direction:column;align-items:center;text-align:center;gap:20px}.how-main-title{font-size:32px;margin-bottom:20px;padding:0 20px}.yuka-steps-container{width:100vw;overflow:hidden}.yuka-steps{flex-direction:row;padding:20px 40px;gap:15px;overflow-x:scroll;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}.yuka-steps::-webkit-scrollbar{display:none}.yuka-step{flex:0 0 85%;scroll-snap-align:center;flex-direction:column;align-items:center;background:#fff;padding:30px 20px;border-radius:24px;border:1px solid #e5e7eb;box-shadow:0 10px 30px #0000000d}.yuka-step-number{margin-bottom:15px}.yuka-step-content p{font-size:15px;margin:0 auto}.mobile-dots{display:flex;justify-content:center;gap:10px;margin-top:15px}.dot{width:8px;height:8px;background-color:#d1d5db;border-radius:50%;transition:all .3s cubic-bezier(.4,0,.2,1)}.dot.active{background-color:#25c4b2;width:24px;border-radius:4px}.how-visual-side{width:100%;margin-top:30px}.yuka-circle-bg{width:280px;height:280px}.yuka-phone-mockup{max-width:240px}}.contact-container{max-width:600px;margin:64px auto;padding:0 24px;font-family:Outfit,sans-serif;text-align:center}.contact-container h1{font-size:32px;font-weight:600;margin-bottom:16px;color:#111}.contact-container p{font-size:18px;color:#444;margin-bottom:32px}.contact-form{display:flex;flex-direction:column;gap:16px}.contact-form input,.contact-form textarea{padding:12px;font-size:16px;border:1px solid #ccc;border-radius:8px}.contact-form textarea{resize:vertical;min-height:120px}.contact-form button{padding:12px;background-color:#25c4b2;color:#fff;font-weight:600;font-size:16px;border:none;border-radius:8px;cursor:pointer;transition:background-color .2s ease}.contact-form button:hover{background-color:#1aa99b}.privacy-container{padding:40px 20px;max-width:900px;margin:0 auto;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#222;background-color:#fdfdfd}.privacy-content h1{font-size:2.2rem;font-weight:700;margin-bottom:30px;text-align:center;color:#25c4b2}.policy-section{margin-bottom:40px}.policy-section h2{font-size:1.5rem;color:#25c4b2;margin-bottom:15px;border-left:4px solid #25C4B2;padding-left:12px}.policy-text p{font-size:1rem;line-height:1.6;margin:12px 0}.policy-text ul{padding-left:20px;margin-top:10px}.policy-text ul li{margin-bottom:8px;line-height:1.5;list-style-type:disc}@media (max-width: 600px){.privacy-container{padding:20px 15px}.privacy-content h1{font-size:1.8rem}.policy-section h2{font-size:1.25rem}.policy-text p,.policy-text ul li{font-size:.95rem}}.footer{background-color:#fff;padding:80px 40px 40px;border-top:1px solid rgba(0,0,0,.05);font-family:Outfit,sans-serif}.footer-container{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:flex-start}.footer-brand{flex:1}.footer-logo-section{display:flex;align-items:center;gap:12px;margin-bottom:20px}.footer-logo{width:40px;height:40px}.footer-brand-name{font-size:22px;font-weight:700;color:#111827;text-transform:lowercase}.footer-slogan{color:#6b7280;font-size:16px;margin-bottom:30px;max-width:300px}.footer-store-buttons{display:flex;gap:12px}.footer-custom-btn{display:flex;align-items:center;gap:8px;background-color:#fff;border:1.5px solid #000000;border-radius:8px;padding:6px 14px;text-decoration:none;color:#000;transition:all .2s ease}.footer-custom-btn:hover{background-color:#f8f9fa;transform:translateY(-2px)}.footer-btn-icon{width:22px;height:auto}.footer-btn-text{display:flex;flex-direction:column;line-height:1.1}.footer-btn-text span{font-size:8px;font-weight:500;text-transform:uppercase}.footer-btn-text strong{font-size:14px;font-weight:700}.footer-links-grid{flex:1;display:flex;justify-content:center}.footer-link-group{display:flex;flex-direction:column;gap:12px;min-width:200px}.footer-link-group h3{font-size:18px;font-weight:700;color:#25c4b2;margin-bottom:20px}.footer-link-group a{text-decoration:none;color:#4b5563;font-size:15px;transition:color .2s}.footer-link-group a:hover{color:#25c4b2}.footer-bottom{max-width:1200px;margin:60px auto 0;padding-top:30px;border-top:1px solid rgba(0,0,0,.05);text-align:center;color:#9ca3af;font-size:14px}@media (max-width: 768px){.footer-container{flex-direction:column;align-items:center;text-align:center;gap:50px}.footer-brand,.footer-links-grid,.footer-link-group{align-items:center;width:100%}.footer-logo-section,.footer-store-buttons{justify-content:center;width:100%}.footer-store-buttons{flex-direction:row;flex-wrap:wrap}.footer-slogan{margin:0 auto 30px}}
