@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap";:root{--bg-color: #0A1128;--surface-color: #1B2845;--surface-variant: #243B61;--primary-gold: #F59E0B;--primary-coral: #EF4444;--teal: #14B8A6;--text-primary: #F1F5F9;--text-secondary: #94A3B8;--glass-border: rgba(255, 255, 255, .12);--glass-bg: rgba(255, 255, 255, .08)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Poppins,sans-serif;background-color:var(--bg-color);color:var(--text-primary);overflow-x:hidden;line-height:1.6}.navbar{position:fixed;top:0;width:100%;padding:20px 5%;display:flex;justify-content:space-between;align-items:center;z-index:100;background:#0a1128b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--glass-border)}.logo{display:flex;align-items:center;gap:12px;font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,var(--primary-gold),var(--primary-coral));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.logo img{height:40px;border-radius:8px}.nav-links a{color:var(--text-primary);text-decoration:none;margin-left:24px;font-weight:500;transition:color .3s ease}.nav-links a:hover{color:var(--primary-gold)}.hero{height:100vh;display:flex;align-items:center;justify-content:space-between;padding:0 10%;background:radial-gradient(circle at center,var(--surface-color) 0%,var(--bg-color) 70%);position:relative;overflow:hidden;perspective:1000px}.hero-content{flex:1;max-width:600px;z-index:2}.hero-content h1{font-size:4rem;font-weight:800;line-height:1.1;margin-bottom:20px;text-shadow:0 10px 30px rgba(0,0,0,.5)}.hero-content p{font-size:1.2rem;color:var(--text-secondary);margin-bottom:40px}.download-btn{display:inline-flex;align-items:center;gap:12px;padding:16px 32px;background:linear-gradient(135deg,var(--primary-gold),var(--primary-coral));color:#fff;text-decoration:none;font-size:1.1rem;font-weight:600;border-radius:50px;box-shadow:0 10px 30px -10px #f59e0bb3;transition:transform .3s ease,box-shadow .3s ease}.download-btn:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 15px 40px -10px #f59e0be6}.download-btn i{font-size:1.4rem}.hero-visual{flex:1;display:flex;justify-content:center;align-items:center;position:relative;height:100%}.mockup-container{position:relative;width:400px;height:500px;transform-style:preserve-3d}.glass-card{position:absolute;width:250px;height:400px;background:#ffffff08;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.1);border-radius:24px;box-shadow:0 30px 60px #0009;display:flex;align-items:center;justify-content:center}.glass-card img{width:100px;border-radius:16px;box-shadow:0 10px 20px #00000080}.card-1{top:50px;left:100px;z-index:3;background:linear-gradient(135deg,#f59e0b1a,#ef44441a)}.card-2{top:0;left:20px;z-index:2;transform:translateZ(-50px) rotateY(-15deg);background:linear-gradient(135deg,#14b8a61a,#0d94881a)}.card-3{top:100px;left:180px;z-index:1;transform:translateZ(-100px) rotateY(15deg);background:linear-gradient(135deg,#a855f71a,#ec48991a)}.features-section{padding-top:100px;background-color:var(--bg-color);overflow:hidden}.section-title{text-align:center;margin-bottom:50px}.section-title h2{font-size:2.5rem;background:linear-gradient(to right,var(--primary-gold),var(--teal));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.scroll-container{width:100vw;height:100vh;position:relative;background-image:radial-gradient(circle at 50% 50%,var(--surface-color) 0%,var(--bg-color) 100%)}.panels{display:flex;width:400vw;height:100%}.panel{width:100vw;height:100%;display:flex;justify-content:center;align-items:center;padding:50px}.panel-content{width:600px;height:400px;background:#ffffff0d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:30px;display:flex;flex-direction:column;justify-content:center;padding:50px;text-align:center;box-shadow:0 40px 100px #00000080;transition:transform .5s ease}.panel-content:hover{transform:translateY(-10px) scale(1.02)}.panel-content h3{font-size:2.5rem;margin-bottom:20px}.panel-content p{font-size:1.2rem;color:var(--text-secondary)}.theme-wedding .panel-content h3{color:#e11d48}.theme-political .panel-content h3{color:#3b82f6}.theme-social .panel-content h3{color:#8b5cf6}.theme-religious .panel-content h3{color:#f59e0b}footer{padding:40px 10%;background:var(--surface-color);border-top:1px solid var(--glass-border)}.footer-content{display:flex;justify-content:space-between;align-items:center}.footer-links a{color:var(--text-secondary);text-decoration:none;margin-left:20px;transition:color .3s}.footer-links a:hover{color:var(--primary-gold)}