:root{--bg-main:#0a0a0f;--bg-card:#ffffff08;--bg-card-hover:#ffffff12;--primary:#cf0;--primary-glow:#cf09;--text-main:#fff;--text-muted:#9ca3af;--border-glass:#ffffff1a}.landing-page{background-color:var(--bg-main);color:var(--text-main);background-image:radial-gradient(circle at top,#1a1a2e 0%,#0a0a0f 60%);width:100%;min-height:100vh;font-family:Inter,sans-serif;line-height:1.5;overflow-x:hidden}.landing-page h1,.landing-page h2,.landing-page h3{font-family:Space Grotesk,sans-serif}.container{z-index:2;max-width:1200px;margin:0 auto;padding:0 24px;position:relative}.glass{background:var(--bg-card);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-glass)}.highlight-text{color:var(--primary);text-shadow:0 0 15px var(--primary-glow)}.cursor-pointer{cursor:pointer}.btn{cursor:pointer;border-radius:100px;justify-content:center;align-items:center;padding:14px 32px;font-size:1rem;font-weight:700;text-decoration:none;transition:all .3s;display:inline-flex}.btn-primary{background:var(--primary);color:#000;box-shadow:0 0 25px var(--primary-glow);border:none}.btn-primary:hover{box-shadow:0 0 40px var(--primary-glow);transform:translateY(-2px)scale(1.02)}.btn-glass-nav{color:#fff;background:#ffffff1a;border:1px solid #fff3;padding:10px 24px;font-size:.9rem;text-decoration:none}.btn-glass-nav:hover{background:#fff3}nav{z-index:50;width:100%;padding:24px 0;position:absolute;top:0;left:0}.navbar-container{justify-content:space-between;align-items:center;display:flex}.brand-logo{text-decoration:none;display:block}.logo-img-web{max-width:200px;height:auto;transition:transform .3s}.brand-logo:hover .logo-img-web{transform:scale(1.05)}.hero{align-items:center;min-height:100vh;padding-top:100px;padding-bottom:80px;display:flex;position:relative;overflow:visible}.hero-glow-intense{background:radial-gradient(circle,var(--primary)0%,transparent 60%);opacity:.5;filter:blur(80px);z-index:0;width:500px;height:600px;animation:6s ease-in-out infinite alternate pulseGlow;position:absolute;top:50%;right:15%;transform:translateY(-50%)}.hero-grid{grid-template-columns:1.1fr .9fr;align-items:center;gap:60px;height:100%;display:grid}.hero-content h1{color:#fff;margin-bottom:30px;font-size:4.5rem;line-height:1.1}.hero-content h1 span{color:var(--primary);text-shadow:0 0 20px #cf06}.hero-content p{color:var(--text-muted);max-width:90%;margin-bottom:40px;font-size:1.25rem}.store-buttons{flex-wrap:wrap;gap:16px;display:flex}.store-btn{color:#fff;backdrop-filter:blur(10px);background:#000c;border:1px solid #fff3;border-radius:16px;align-items:center;min-width:180px;padding:12px 24px;text-decoration:none;transition:all .3s;display:flex}.store-btn:hover{border-color:var(--primary);transform:translateY(-3px);box-shadow:0 10px 30px -10px #ccff004d}.store-icon{color:var(--primary);margin-right:12px;font-size:2rem}.store-text span{text-transform:uppercase;opacity:.7;font-size:.7rem;display:block}.store-text strong{font-size:1.1rem}.hero-image{perspective:1000px;z-index:2;justify-content:center;display:flex;position:relative}.phone-mockup{background:#000;border:12px solid #1a1a1a;border-radius:55px;flex-direction:column;width:340px;height:680px;transition:transform .8s cubic-bezier(.2,.8,.2,1);display:flex;position:relative;overflow:hidden;transform:rotateY(-12deg)rotateX(8deg);box-shadow:0 0 0 2px #333,0 20px 50px #000c,0 0 100px #cf03}.phone-mockup:hover{transform:rotateY(0)rotateX(0)scale(1.02)}.status-bar{color:#fff;z-index:2;background-color:#0a0a0f;justify-content:space-between;align-items:flex-end;width:100%;height:44px;padding:0 25px 10px;font-family:sans-serif;font-size:15px;font-weight:600;display:flex}.status-icons{align-items:center;gap:6px;padding-right:50px;display:flex}.carrier-text{margin-right:4px;font-size:12px;font-weight:500}.screen-container{flex:1;width:100%;position:relative;overflow:hidden}.features{padding:120px 0;position:relative}.bg-glow-1,.bg-glow-2{background:var(--primary);filter:blur(120px);opacity:.15;z-index:0;width:300px;height:300px;position:absolute}.bg-glow-1{top:20%;left:10%}.bg-glow-2{opacity:.1;width:400px;height:400px;bottom:10%;right:20%}.section-header{max-width:700px;margin-bottom:70px}.section-header h2{margin-bottom:20px;font-size:3rem;line-height:1.1}.section-header p{color:var(--text-muted);font-size:1.2rem}.bento-grid{z-index:2;grid-template-columns:repeat(3,1fr);gap:30px;display:grid;position:relative}.bento-card{opacity:0;border-radius:30px;flex-direction:column;justify-content:flex-start;min-height:320px;padding:35px;transition:all .4s;display:flex;position:relative;overflow:hidden;transform:translateY(30px)}.bento-card.visible{opacity:1;transform:translateY(0)}.bento-card:hover{background:var(--bg-card-hover);border-color:#cf06;transform:translateY(-8px);box-shadow:0 20px 40px #0006}.card-glow-spot{background:radial-gradient(circle,var(--primary-glow)0%,transparent 70%);opacity:.25;filter:blur(40px);width:200px;height:200px;position:absolute;top:-50px;left:-50px}.card-wide{grid-column:span 2}.card-content{z-index:2;flex-direction:column;height:100%;display:flex;position:relative}.card-icon-large{color:var(--primary);filter:drop-shadow(0 0 15px var(--primary-glow));margin-bottom:20px;font-size:3.5rem}.bento-card h3{color:#fff;margin-bottom:12px;font-size:1.8rem}.bento-card p{color:var(--text-muted);font-size:1.05rem;line-height:1.6}.notification-layout{justify-content:space-between;align-items:center;gap:20px;height:100%;display:flex}.notification-text{z-index:2;flex:1}.notification-visuals{justify-content:center;align-items:center;width:200px;height:140px;display:flex;position:relative}.bell-bg{color:var(--primary);opacity:.15;filter:blur(2px);font-size:5rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.notif-bubble{white-space:nowrap;background:#1e1e23f2;border:1px solid #ffffff26;border-radius:16px;align-items:center;padding:10px 16px;font-size:.85rem;transition:transform .3s;display:flex;position:absolute;box-shadow:0 10px 30px #00000080}.bubble-1{z-index:3;animation:4s ease-in-out infinite float;top:10px;right:0}.bubble-2{z-index:2;animation:4s ease-in-out 2s infinite float;bottom:10px;right:40px}.footer-content{text-align:center;padding:80px 0 40px}.footer-content h2{fontSize:2.5rem;margin-bottom:30px}.footer-content p{color:var(--text-muted);opacity:.6;margin-top:50px}@media (width<=1024px){.hero-grid{text-align:center;grid-template-columns:1fr;gap:50px;padding-top:20px}.hero-content{flex-direction:column;align-items:center;display:flex}.hero-content h1{font-size:3.5rem}.store-buttons{justify-content:center}.bento-grid{grid-template-columns:repeat(2,1fr)}.card-wide{grid-column:span 2}}@media (width<=768px){.container{padding:0 16px}nav{padding:16px 0}.logo-img-web{max-width:150px!important;height:auto!important}.btn-glass-nav{padding:8px 16px;font-size:.8rem}.hero{align-items:flex-start;height:auto;min-height:auto;padding-top:100px}.hero-content h1{margin-bottom:20px;font-size:2.8rem}.hero-content p{margin-bottom:30px;font-size:1rem}.hero-image{width:100%;margin-top:20px}.phone-mockup{aspect-ratio:1/2;border-width:8px;border-radius:40px;width:100%;max-width:320px;height:auto;transform:none}.phone-mockup:hover{transform:none}.status-bar{height:35px;padding:0 15px 5px;font-size:12px}.status-icons{padding-right:15px}.features{padding:60px 0}.bento-grid{grid-template-columns:1fr}.card-wide{grid-column:span 1}.bento-card{min-height:250px;padding:25px}.notification-layout{text-align:center;flex-direction:column;align-items:center}.notification-visuals{width:100%;margin-top:20px}.footer-content h2{font-size:1.8rem}}@keyframes pulseGlow{0%{opacity:.4;transform:translateY(-50%)scale(.9)}to{opacity:.6;transform:translateY(-50%)scale(1.1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}