@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;800&display=swap";:root{--primary:#ff2d55;--primary-glow:#ff2d5566;--secondary:#ff7eb3;--accent:#7000ff;--bg-light:#fff5f7;--white:#fff;--text-main:#1a1a1a;--text-muted:#666;--glass:#fffc;--transition:all .3s cubic-bezier(.4, 0, .2, 1);--shadow:0 10px 30px -10px #ff2d5533}*{box-sizing:border-box;scroll-behavior:smooth;margin:0;padding:0}body{background-color:var(--white);color:var(--text-main);font-family:Outfit,sans-serif;line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}ul{list-style:none}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.btn{cursor:pointer;transition:var(--transition);border:none;border-radius:50px;padding:.8rem 2rem;font-size:1rem;font-weight:600;display:inline-block}.btn-primary{background:linear-gradient(135deg, var(--primary), var(--secondary));color:var(--white);box-shadow:var(--shadow)}.btn-primary:hover{box-shadow:0 15px 35px -10px var(--primary-glow);transform:translateY(-3px)}.btn-outline{border:2px solid var(--primary);color:var(--primary);background:0 0}.btn-outline:hover{background:var(--primary);color:var(--white)}section{padding:100px 0}.gradient-text{background:linear-gradient(135deg, var(--primary), var(--accent));-webkit-text-fill-color:transparent;-webkit-background-clip:text}.glass-card{background:var(--glass);-webkit-backdrop-filter:blur(10px);border:1px solid #ffffff4d;border-radius:24px}.navbar{z-index:1000;width:100%;transition:var(--transition);padding:1.5rem 0;position:fixed;top:0;left:0}.navbar.scrolled{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;padding:1rem 0;box-shadow:0 5px 20px #0000000d}.dark-nav .logo-text,.dark-nav .nav-links a{color:#fff}.dark-nav.scrolled{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#000000b3;border-bottom:1px solid #ffffff1a}.dark-nav .nav-links .btn-primary{box-shadow:0 8px 20px #ff2d5566}.nav-content{justify-content:space-between;align-items:center;display:flex}.logo{cursor:pointer;align-items:center;gap:12px;transition:transform .3s;display:flex}.logo:hover{transform:scale(1.02)}.navbar-logo-img{object-fit:cover;width:52px;height:52px;transition:var(--transition);border:2px solid #fffc;border-radius:50%;box-shadow:0 8px 16px #ff2d554d}.logo:hover .navbar-logo-img{transform:scale(1.1)rotate(5deg);box-shadow:0 12px 24px #ff2d5566}.logo-text{color:var(--text-main);letter-spacing:-.5px;transition:var(--transition);font-size:1.4rem;font-weight:800}.nav-links{align-items:center;gap:2.5rem;display:flex}.nav-links a{transition:var(--transition);font-weight:500}.nav-links a:hover{color:var(--primary)}@media (width<=768px){.nav-links{display:none}}.hero{background:radial-gradient(circle at top right, var(--bg-light) 0%, white 50%);padding:160px 0 100px;overflow:hidden}.hero-grid{grid-template-columns:1.1fr .9fr;align-items:center;gap:4rem;display:grid}.badge{color:var(--primary);text-transform:uppercase;letter-spacing:1px;background:#ff2d551a;border:1px solid #ff2d5533;border-radius:50px;margin-bottom:1.5rem;padding:.5rem 1.2rem;font-size:.85rem;font-weight:700;display:inline-block}.hero-content h1{color:var(--text-main);margin-bottom:1.5rem;font-size:4.5rem;font-weight:800;line-height:1.1}.hero-content p{color:var(--text-muted);max-width:500px;margin-bottom:2.5rem;font-size:1.2rem}.hero-btns{gap:1.5rem;margin-bottom:3rem;display:flex}.hero-stats{gap:3rem;display:flex}.stat{flex-direction:column;display:flex}.stat strong{color:var(--primary);font-size:1.8rem;font-weight:800}.stat span{color:var(--text-muted);font-size:.95rem}.hero-visual{justify-content:center;align-items:center;height:600px;display:flex;position:relative}.tilted-phones-hero{width:100%;height:100%;position:relative}.phone-mockup-hero{background:#111;border:8px solid #111;border-radius:35px;width:260px;height:540px;transition:all .5s cubic-bezier(.175,.885,.32,1.275);position:absolute;overflow:hidden;box-shadow:0 30px 60px #0003}.phone-mockup-hero img{object-fit:cover;width:100%;height:100%}.tilted-phones-hero .tilted-1{z-index:2;animation:6s ease-in-out infinite floatHero1;top:0;right:120px;transform:rotate(-10deg)}.tilted-phones-hero .tilted-2{z-index:1;animation:6s ease-in-out infinite floatHero2;top:50px;right:0;transform:rotate(10deg)}@keyframes floatHero1{0%,to{transform:rotate(-10deg)translateY(0)}50%{transform:rotate(-8deg)translateY(-20px)}}@keyframes floatHero2{0%,to{transform:rotate(10deg)translateY(0)}50%{transform:rotate(12deg)translateY(20px)}}@media (width<=1200px){.hero-content h1{font-size:3.5rem}.tilted-phones-hero .tilted-1{width:220px;height:460px;right:80px}.tilted-phones-hero .tilted-2{width:220px;height:460px;right:0}}@media (width<=992px){.hero{padding-top:120px}.hero-grid{text-align:center;grid-template-columns:1fr}.hero-content p{margin:0 auto 2.5rem}.hero-btns,.hero-stats{justify-content:center}.hero-visual{height:500px;margin-top:4rem}.tilted-phones-hero{justify-content:center;gap:20px;display:flex}.phone-mockup-hero{width:180px;height:380px;position:relative;animation:none!important;top:0!important;right:0!important;transform:rotate(0)!important}}.features{background-color:var(--white)}.section-header{text-align:center;margin-bottom:4rem}.section-header h2{margin-bottom:1rem;font-size:2.5rem;font-weight:800}.section-header p{color:var(--text-muted);max-width:600px;margin:0 auto}.features-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;display:grid}.feature-card{text-align:center;transition:var(--transition);border:1px solid #ff2d551a;padding:3rem 2rem}.feature-card:hover{border-color:var(--primary);box-shadow:var(--shadow);transform:translateY(-10px)}.feature-icon{background:var(--bg-light);border-radius:20px;width:80px;height:80px;margin-bottom:1.5rem;font-size:3rem;line-height:80px;display:inline-block}.feature-card h3{margin-bottom:1rem;font-size:1.3rem}.feature-card p{color:var(--text-muted);font-size:.95rem}.app-showcase{background-color:#fff;padding:120px 0;overflow:hidden}.showcase-grid-main{grid-template-columns:1fr 1fr;align-items:center;gap:80px;display:grid}.showcase-content-left{text-align:left}.badge-app{color:#fff;letter-spacing:1px;background:#00a2ff;border-radius:50px;margin-bottom:20px;padding:8px 16px;font-size:.85rem;font-weight:700;display:inline-block}.showcase-title{color:#1a1a1a;margin-bottom:25px;font-size:4rem;font-weight:800;line-height:1.1}.showcase-description{color:#666;max-width:500px;margin-bottom:40px;font-size:1.1rem}.feature-list-mini{flex-direction:column;gap:25px;margin-bottom:50px;display:flex}.mini-feature{align-items:center;gap:20px;display:flex}.mini-icon{border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:50px;height:50px;font-size:1.5rem;display:flex}.mini-icon.pink{color:#ff2d55;background:#ff2d551a}.mini-icon.purple{color:#7000ff;background:#7000ff1a}.mini-icon.blue{color:#00a2ff;background:#00a2ff1a}.mini-text h3{color:#1a1a1a;margin-bottom:4px;font-size:1.1rem;font-weight:700}.mini-text p{color:#888;font-size:.95rem}.playstore-btn-large{color:#fff;background:#000;border-radius:50px;align-items:center;gap:15px;padding:14px 30px;text-decoration:none;transition:all .3s;display:inline-flex;box-shadow:0 10px 25px #0003}.playstore-btn-large:hover{background:#222;transform:translateY(-5px)}.ps-icon{align-items:center;display:flex}.ps-text{text-align:left;flex-direction:column;display:flex}.ps-text span{text-transform:uppercase;font-size:.75rem}.ps-text strong{font-size:1.3rem;line-height:1}.showcase-visual-right{justify-content:center;align-items:center;height:600px;display:flex;position:relative}.tilted-phones{width:100%;height:100%;position:relative}.phone-mockup{background:#111;border:10px solid #111;border-radius:40px;width:280px;height:580px;transition:all .5s;position:absolute;overflow:hidden;box-shadow:0 30px 60px #0000004d}.phone-mockup img{object-fit:cover;width:100%;height:100%}.tilted-1{z-index:2;top:0;right:150px;transform:rotate(-10deg)}.tilted-2{z-index:1;top:60px;right:0;transform:rotate(10deg)}.phone-mockup:hover{z-index:10;transform:rotate(0)translateY(-20px)scale(1.05)}@media (width<=1024px){.showcase-title{font-size:3rem}.tilted-1{width:240px;height:500px;right:100px}.tilted-2{width:240px;height:500px;right:0}}@media (width<=768px){.showcase-grid-main{text-align:center;grid-template-columns:1fr;gap:60px}.showcase-content-left{text-align:center;flex-direction:column;align-items:center;display:flex}.showcase-description{margin:0 auto 40px}.mini-feature{text-align:left}.showcase-visual-right{height:500px}.tilted-phones{justify-content:center;gap:20px;display:flex}.phone-mockup{width:200px;height:420px;position:relative;top:0!important;right:0!important;transform:rotate(0)!important}}.about{color:#fff;background:#111;padding:100px 0}.about .badge{background:#ff2d5533;border-color:#ff2d5566}.about .about-content h2,.about .step h3{color:#fff}.about .step p{color:#aaa}.about .about-img-stack{border-color:#222}.about-grid{grid-template-columns:1fr 1.2fr;align-items:center;gap:4rem;display:grid}.about-visual-multi{justify-content:flex-start;align-items:center;gap:-40px;width:100%;height:480px;display:flex;position:relative}.about-img-stack{border:6px solid #222;border-radius:25px;width:200px;height:400px;transition:all .4s;position:relative;overflow:hidden;box-shadow:0 20px 40px #0003}.about-img-premium{object-fit:cover;width:100%;height:100%;display:block}.stack-1{z-index:1;margin-right:-60px;transform:rotate(-6deg)translateY(20px)}.stack-2{z-index:2;margin-right:-60px;transform:rotate(0)translateY(0)}.stack-3{z-index:1;transform:rotate(6deg)translateY(20px)}.about-img-stack:hover{z-index:10;transform:scale(1.05)rotate(0);box-shadow:0 30px 60px #0000004d}.about-content h2{margin:1.5rem 0 3rem;font-size:3rem;line-height:1.2}.steps{flex-direction:column;gap:2rem;display:flex}.step{align-items:flex-start;gap:1.5rem;display:flex}.step-num{background:var(--primary);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-weight:700;display:flex}.step h3{margin-bottom:.5rem;font-size:1.2rem}.step p{color:var(--text-muted)}@media (width<=992px){.about-grid{grid-template-columns:1fr;gap:3rem}.about-visual-multi{justify-content:center;height:450px;display:flex}.about-img-stack{width:160px;height:320px;margin:0 -30px;position:relative;top:0!important;left:0!important;transform:rotate(0)!important}}.footer{background:var(--text-main);color:#fff;padding:80px 0 30px}.footer-brand .logo{align-items:center;gap:12px;margin-bottom:1.5rem;display:flex}.footer-logo-img{object-fit:cover;width:52px;height:52px;transition:var(--transition);border:2px solid #fff3;border-radius:50%;box-shadow:0 8px 16px #ff2d5566}.footer-brand .logo:hover .footer-logo-img{transform:scale(1.1)rotate(-5deg)}.footer-brand .logo-text{color:#fff;letter-spacing:-.5px;font-size:1.4rem;font-weight:800}.footer-grid{grid-template-columns:1.5fr 1fr 1fr 1.5fr;gap:3rem;margin-bottom:4rem;display:grid}.footer-brand p{color:#aaa;margin-top:1rem;font-size:.9rem}.footer-links h4{margin-bottom:1.5rem;font-size:1.1rem}.footer-links ul li{margin-bottom:.8rem}.footer-links ul li a{color:#aaa;transition:var(--transition)}.footer-links ul li a:hover{color:var(--primary)}.app-badges{flex-direction:column;gap:1rem;display:flex}.badge-placeholder{text-align:center;cursor:pointer;background:#333;border:1px solid #444;border-radius:10px;padding:.8rem 1.5rem;font-size:.9rem;font-weight:600}.footer-bottom{text-align:center;color:#666;border-top:1px solid #333;padding-top:2rem;font-size:.9rem}@media (width<=992px){.footer-grid{grid-template-columns:1fr 1fr}}@media (width<=576px){.footer-grid{grid-template-columns:1fr}}