.glass-card{background:#ffffff14!important;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.15)!important;box-shadow:0 8px 32px #0000004d!important}.glass-nav{background:#000000b3!important;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.1);box-shadow:0 4px 24px #0000004d}.btn-gradient-primary{background:linear-gradient(135deg,#667eea,#764ba2);border:none;color:#fff;font-weight:700;padding:1rem 2rem;border-radius:50px;box-shadow:0 10px 30px #667eea66;transition:all .3s ease}.btn-gradient-primary:hover{transform:scale(1.05);box-shadow:0 15px 40px #667eea99;color:#fff}.btn-glass{background:#ffffff26;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:2px solid rgba(255,255,255,.3);color:#fff;font-weight:700;padding:1rem 2rem;border-radius:50px;box-shadow:0 8px 24px #0003;transition:all .3s ease}.btn-glass:hover{background:#ffffff40;border-color:#ffffff80;transform:scale(1.05);color:#fff}.text-gradient{background:linear-gradient(135deg,#a78bfa,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-shadow{text-shadow:0 2px 20px rgba(0,0,0,.5)}.hero-section{position:relative;min-height:100vh;background:linear-gradient(135deg,#1e1b4b,#312e81,#1e3a8a);overflow:hidden}.floating-shapes{position:absolute;width:100%;height:100%;overflow:hidden;pointer-events:none}.shape{position:absolute;border-radius:50%;filter:blur(60px);opacity:.3;animation:float 20s infinite ease-in-out}.shape-1{width:400px;height:400px;background:linear-gradient(135deg,#667eea,#764ba2);top:10%;left:10%;animation-delay:0s}.shape-2{width:300px;height:300px;background:linear-gradient(135deg,#f093fb,#f5576c);top:50%;right:20%;animation-delay:5s}.shape-3{width:350px;height:350px;background:linear-gradient(135deg,#4facfe,#00f2fe);bottom:10%;left:30%;animation-delay:10s}@keyframes float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-50px) scale(1.1)}66%{transform:translate(-20px,20px) scale(.9)}}.phone-mockup{width:280px;position:relative}.phone-frame{width:100%;padding:12px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:3rem;box-shadow:0 20px 60px #00000080;position:relative}.phone-notch{position:absolute;left:50%;transform:translate(-50%);width:100px;height:24px;background:#000;border-radius:0 0 20px 20px;z-index:10}.phone-screen{width:100%;aspect-ratio:9/19.5;background:#000;border-radius:2.5rem;overflow:hidden}.phone-screen img{width:100%;height:100%;object-fit:cover}.scroll-indicator{width:30px;height:50px;border:2px solid rgba(255,255,255,.3);border-radius:20px;position:relative}.scroll-indicator .scroll-line{width:4px;height:8px;background:#fff;border-radius:2px;position:absolute;top:8px;left:50%;transform:translate(-50%);animation:scroll 2s infinite}@keyframes scroll{0%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(20px)}}.feature-card{background:#ffffff14;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.15);border-radius:1.5rem;padding:2rem;transition:all .3s ease;height:100%}.feature-card:hover{background:#ffffff1f;transform:translateY(-8px);box-shadow:0 20px 40px #0006;border-color:#ffffff40}.feature-icon{width:4rem;height:4rem;border-radius:1rem;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;box-shadow:0 8px 24px #0000004d;transition:transform .3s ease}.feature-card:hover .feature-icon{transform:scale(1.1) rotate(5deg)}.step-card{text-align:center;position:relative;padding-top:2rem}.step-number{position:absolute;top:0;left:50%;transform:translate(-50%);width:3rem;height:3rem;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:1.25rem;box-shadow:0 8px 24px #667eea80}.step-icon{width:5rem;height:5rem;border-radius:2rem;display:flex;align-items:center;justify-content:center;margin:2rem auto 1.5rem;box-shadow:0 8px 24px #0000004d}.download-card{background:#ffffff1f;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:2px solid rgba(255,255,255,.2);border-radius:1.5rem;padding:1.5rem;transition:all .3s ease;color:#fff;text-decoration:none;display:block}.download-card:hover{background:#ffffff2e;transform:translateY(-4px);box-shadow:0 20px 40px #0006;border-color:#ffffff4d;color:#fff}.testimonial-card{background:#ffffff14;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.15);border-radius:1.5rem;padding:2rem;box-shadow:0 8px 32px #0000004d;height:100%}.fade-in{animation:fadeIn 1s ease-out}.fade-in-delayed{animation:fadeIn 1s ease-out .3s backwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.floating-slow{animation:floatingSlow 6s ease-in-out infinite}.floating-medium{animation:floatingMedium 5s ease-in-out infinite}@keyframes floatingSlow{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes floatingMedium{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.section-padding{padding:5rem 0}@media(min-width:768px){.section-padding{padding:8rem 0}}@media(max-width:768px){.phone-mockup{width:220px}}
