@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap";:root{--bg:#0a0a14;--bg2:#0e0e1a;--bg3:#141422;--surface:#ffffff0f;--surface2:#ffffff1a;--border:#ffffff26;--border-hover:#ffffff40;--text:#fff;--text2:#c8c8e0;--text3:#9898b8;--accent:#7c3aed;--accent-hover:#9333ea;--accent-glow:#7c3aed33;--green:#22c55e;--yellow:#f59e0b;--pink:#ec4899;--red:#ef4444;--blue:#3b82f6;--orange:#f97316;--radius:16px;--radius-md:12px;--radius-sm:8px;--sidebar-w:260px;--panel-w:320px;--header-h:56px;--font:"Inter", -apple-system, BlinkMacSystemFont, "SF Pro Display", sans-serif;--transition:.2s ease}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{background:var(--bg);height:100%;color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;font-size:15px}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover)}button{font-family:var(--font);cursor:pointer;border:none;outline:none}input,textarea,select{font-family:var(--font);outline:none}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--border-hover)}:root{--glass-bg:#ffffff0a;--glass-border:#ffffff14;--glass-hover:#ffffff12;--glass-blur:blur(20px);--glass-blur-heavy:blur(40px);--radius-lg:24px;--radius-md:16px;--radius-pill:100px;--font:"Inter", -apple-system, BlinkMacSystemFont, "SF Pro Display", sans-serif;--transition-smooth:.4s cubic-bezier(.25, .46, .45, .94);--shadow-glass:0 8px 32px #0000004d, inset 0 1px 0 #ffffff0d;--accent:#7c3aed;--accent-hover:#6d28d9}.landing{font-family:var(--font);color:#fff;background:radial-gradient(80% 60% at 20% 30%,#7c3aed59 0%,#0000 60%),radial-gradient(70% 50% at 80% 20%,#3b82f640 0%,#0000 55%),radial-gradient(60% 50% at 70% 80%,#ec489933 0%,#0000 55%),radial-gradient(50% 40% at 30% 75%,#34d39926 0%,#0000 50%),radial-gradient(90% 70%,#6366f11f 0%,#0000 70%),linear-gradient(135deg,#0a0a1a 0%,#0d0820 30%,#0f0a24 50%,#0a1020 70%,#080818 100%);min-height:100dvh;position:relative;overflow-x:hidden}.landing-wallpaper{z-index:0;background-position:50%;background-repeat:no-repeat;background-size:cover;height:100lvh;position:fixed;top:0;left:0;right:0;transform:translateZ(0)}.landing-wallpaper:after{content:"";background:#00000080;position:absolute;inset:0}.landing.wp-default,.landing.wp-ocean,.landing.wp-aurora,.landing.wp-sunset,.landing.wp-cosmos{background-size:200% 200%;animation:15s infinite gradientFlow}@keyframes gradientFlow{0%{background-position:0 0}25%{background-position:100% 0}50%{background-position:100% 100%}75%{background-position:0 100%}to{background-position:0 0}}.landing.wp-default{background-color:#0000;background-image:radial-gradient(80% 60% at 20% 30%,#7c3aed59 0%,#0000 60%),radial-gradient(70% 50% at 80% 20%,#3b82f640 0%,#0000 55%),radial-gradient(60% 50% at 70% 80%,#ec489933 0%,#0000 55%),radial-gradient(50% 40% at 30% 75%,#34d39926 0%,#0000 50%),radial-gradient(90% 70%,#6366f11f 0%,#0000 70%),linear-gradient(135deg,#0a0a1a 0%,#0d0820 25%,#0f0a24 50%,#0a1020 75%,#080818 100%);background-position:0 0,0 0,0 0,0 0,0 0,0 0;background-repeat:repeat,repeat,repeat,repeat,repeat,repeat;background-size:200% 200%;background-attachment:scroll,scroll,scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box,border-box,border-box}.landing.wp-ocean{background-color:#0000;background-image:radial-gradient(80% 60% at 20% 40%,#06b6d459 0%,#0000 60%),radial-gradient(70% 50% at 75% 20%,#3b82f64d 0%,#0000 55%),radial-gradient(60% 50% at 50% 80%,#0ea5e933 0%,#0000 55%),radial-gradient(50% 40% at 80% 70%,#22d3ee26 0%,#0000 50%),linear-gradient(135deg,#020617 0%,#0c1a2a 25%,#0a1628 50%,#071520 75%,#010812 100%);background-position:0 0,0 0,0 0,0 0,0 0;background-repeat:repeat,repeat,repeat,repeat,repeat;background-size:200% 200%;background-attachment:scroll,scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box,border-box}.landing.wp-aurora{background-color:#0000;background-image:radial-gradient(80% 60% at 30% 30%,#34d39959 0%,#0000 60%),radial-gradient(70% 50% at 70% 25%,#6366f14d 0%,#0000 55%),radial-gradient(60% 50% at 20% 75%,#7c3aed40 0%,#0000 55%),radial-gradient(50% 40% at 80% 80%,#10b98126 0%,#0000 50%),linear-gradient(135deg,#020d1a 0%,#061a14 25%,#0a1520 50%,#051210 75%,#010a08 100%);background-position:0 0,0 0,0 0,0 0,0 0;background-repeat:repeat,repeat,repeat,repeat,repeat;background-size:200% 200%;background-attachment:scroll,scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box,border-box}.landing.wp-sunset{background-color:#0000;background-image:radial-gradient(80% 60% at 30% 30%,#fb923c4d 0%,#0000 60%),radial-gradient(70% 50% at 70% 20%,#f43f5e40 0%,#0000 55%),radial-gradient(60% 50% at 50% 80%,#a855f733 0%,#0000 55%),radial-gradient(50% 40% at 20% 70%,#eab30826 0%,#0000 50%),linear-gradient(135deg,#1a0a02 0%,#1c0810 25%,#150818 50%,#120612 75%,#0a0408 100%);background-position:0 0,0 0,0 0,0 0,0 0;background-repeat:repeat,repeat,repeat,repeat,repeat;background-size:200% 200%;background-attachment:scroll,scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box,border-box}.landing.wp-cosmos{background-color:#0000;background-image:radial-gradient(60% 50% at 25% 35%,#8b5cf64d 0%,#0000 55%),radial-gradient(50% 40% at 75% 25%,#3b82f633 0%,#0000 50%),radial-gradient(40% 30% at 60% 75%,#ec489926 0%,#0000 45%),radial-gradient(2px 2px at 20% 15%,#fff6,#0000),radial-gradient(2px 2px at 40% 45%,#ffffff4d,#0000),radial-gradient(1px 1px at 60% 30%,#ffffff80,#0000),radial-gradient(1px 1px at 80% 60%,#ffffff4d,#0000),radial-gradient(2px 2px at 35% 80%,#fff6,#0000),linear-gradient(135deg,#030108 0%,#08041a 25%,#050318 50%,#030210 75%,#010108 100%);background-position:0 0,0 0,0 0,0 0,0 0,0 0,0 0,0 0,0 0;background-repeat:repeat,repeat,repeat,repeat,repeat,repeat,repeat,repeat,repeat;background-size:200% 200%;background-attachment:scroll,scroll,scroll,scroll,scroll,scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box,padding-box,padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box,border-box,border-box,border-box,border-box,border-box}.landing-content{z-index:1;position:relative}.l-header{z-index:200;background:#ffffff1f;border:1px solid #ffffff2e;border-color:#ffffff52 #ffffff2e #ffffff2e #ffffff3d;border-radius:20px;align-items:center;height:60px;padding:0 20px;display:flex;position:fixed;top:12px;left:16px;right:16px;box-shadow:0 8px 32px #00000040,0 0 0 .5px #ffffff0d,inset 0 1px #ffffff26,inset 0 0 20px #ffffff05}.l-logo{color:#fff;letter-spacing:-.5px;cursor:pointer;flex-shrink:0;font-size:20px;font-weight:800}.l-logo span{color:var(--accent)}.l-sections{flex:1;justify-content:space-evenly;align-items:center;gap:0;height:100%;padding:0 40px;display:flex}.l-section-btn{color:#fff9;cursor:pointer;will-change:transform;background:0 0;border:1px solid #0000;border-radius:14px;align-items:center;gap:10px;padding:6px 20px;font-size:14px;font-weight:600;transition:transform .25s ease-out,color .2s,background .2s;display:flex;position:relative}.l-section-btn:hover{color:#fffffff2;background:#ffffff14;transform:translateY(-8px)}.l-section-btn:hover .l-section-icon{filter:drop-shadow(0 3px 8px #00000059);transform:scale(1.1)}.l-section-icon{object-fit:contain;border-radius:8px;flex-shrink:0;width:36px;height:36px;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.l-section-label{white-space:nowrap;font-size:14px;font-weight:600}.l-wp-area{flex-shrink:0}.l-wp-btn{cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:10px;align-items:center;padding:5px 10px;font-size:16px;line-height:1;transition:all .2s;display:flex}.l-wp-btn:hover{background:#ffffff1f;border-color:#fff3}.l-wp-picker{z-index:200;background:#141423e6;border:1px solid #ffffff1f;border-radius:16px;grid-template-columns:repeat(7,44px);gap:8px;padding:12px 14px;display:grid;position:absolute;top:48px;right:0;box-shadow:0 8px 32px #00000080}.l-wp-item{cursor:pointer;background-position:50%;background-size:cover;border:2px solid #0000;border-radius:12px;width:44px;height:44px;transition:all .2s}.l-wp-item:hover{border-color:#fff6;transform:scale(1.1)}.l-wp-item.active{border-color:#7c3aed;box-shadow:0 0 12px #7c3aed80}.l-header-right{flex-shrink:0;align-items:center;gap:12px;display:flex}.l-btn-login{border-radius:var(--radius-pill);color:#ffffffb3;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1f;padding:8px 22px;font-size:14px;font-weight:500;transition:all .2s}.l-btn-login:hover{color:#fff;background:#ffffff1f;border-color:#fff3}.l-btn-start{background:var(--accent);border-radius:var(--radius-pill);color:#fff;cursor:pointer;border:none;padding:8px 22px;font-size:14px;font-weight:600;transition:all .2s}.l-btn-start:hover{background:var(--accent-hover);box-shadow:0 4px 20px #7c3aed66}.l-user-area{align-items:center;gap:12px;display:flex;position:relative}.l-balance{color:#34d399;cursor:pointer;background:#22c55e1a;border:1px solid #22c55e26;border-radius:20px;padding:6px 14px;font-size:13px;font-weight:600}.l-avatar-btn{background:linear-gradient(135deg, var(--accent), #9333ea);color:#fff;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-size:14px;font-weight:700;transition:all .3s;display:flex}.l-avatar-btn:hover{box-shadow:0 0 20px #7c3aed4d}.l-avatar-img{object-fit:cover;border-radius:50%;width:100%;height:100%}.l-menu-overlay{z-index:150;position:fixed;inset:0}.l-dropdown{z-index:200;-webkit-backdrop-filter:blur(40px);background:#141423d9;border:1px solid #ffffff14;border-radius:16px;width:220px;padding:6px;position:absolute;top:48px;right:0;box-shadow:0 8px 32px #0006,inset 0 1px #ffffff0d}.l-dropdown-item{color:#fff9;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:10px;align-items:center;gap:10px;width:100%;padding:10px 14px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.l-dropdown-item:hover{color:#fff;background:#ffffff0f}.l-dropdown-item svg{opacity:.5;flex-shrink:0}.l-dropdown-item:hover svg{opacity:.9}.l-dropdown-divider{background:#ffffff0f;height:1px;margin:4px 6px}.l-dropdown-logout{color:#ef4444}.l-dropdown-logout:hover{color:#ef4444;background:#ef444414}.l-dropdown-logout svg{stroke:#ef4444}.l-hero{text-align:center;justify-content:center;align-items:center;min-height:100dvh;padding:120px 40px 80px;display:flex}.l-hero-content{max-width:880px}.l-hero-badge{-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border-radius:var(--radius-pill);color:#b794f4;background:#7c3aed14;border:1px solid #7c3aed26;margin-bottom:36px;padding:8px 24px;font-size:13px;font-weight:500;display:inline-block}.l-hero-title{letter-spacing:-3px;color:#fff;margin-bottom:32px;font-size:72px;font-weight:900;line-height:1.05}.gradient-text{background:linear-gradient(135deg,#818cf8 0%,#a78bfa 25%,#c084fc 50%,#f472b6 75%,#fb923c 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.l-hero-sub{color:#fff6;max-width:560px;margin:0 auto 52px;font-size:19px;font-weight:400;line-height:1.8}.l-hero-actions{justify-content:center;gap:16px;margin-bottom:72px;display:flex}.l-btn-primary{background:linear-gradient(135deg, var(--accent), #9333ea);border-radius:var(--radius-pill);color:#fff;transition:all var(--transition-smooth);cursor:pointer;border:none;align-items:center;gap:8px;padding:16px 40px;font-size:16px;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.l-btn-primary:before{content:"";border-radius:inherit;background:linear-gradient(135deg,#0000 0%,#ffffff1a 100%);position:absolute;inset:0}.l-btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 40px #7c3aed80,0 0 80px #7c3aed26}.l-btn-lg{padding:18px 52px;font-size:17px}.l-btn-ghost{-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border-radius:var(--radius-pill);color:#fff9;cursor:pointer;transition:all var(--transition-smooth);background:#ffffff0a;border:1px solid #ffffff14;padding:16px 40px;font-size:16px;font-weight:500}.l-btn-ghost:hover{color:#fff;background:#ffffff12;border-color:#ffffff26}.l-hero-stats{justify-content:center;align-items:center;gap:48px;display:flex}.l-stat{text-align:center}.l-stat-num{color:#fff;letter-spacing:-1px;font-size:36px;font-weight:800;display:block}.l-stat-label{color:#ffffff59;font-size:13px;font-weight:500}.l-stat-divider{background:#ffffff14;width:1px;height:44px}.l-showcase{padding:80px 40px 100px}.l-showcase-inner{max-width:1100px;margin:0 auto}.showcase{width:100%;position:relative}.showcase-carousel{perspective:1200px;width:100%;max-width:1100px;height:420px;margin:0 auto;position:relative}.showcase-slide{cursor:pointer;border:1px solid #ffffff14;border-radius:20px;width:50%;height:80%;transition:all .6s cubic-bezier(.4,0,.2,1);position:absolute;top:10px;left:50%;overflow:hidden}.showcase-slide video{object-fit:cover;width:100%;height:100%;display:block}.showcase-slide--center{opacity:1;z-index:3;transform:translate(-50%);box-shadow:0 16px 60px #00000080,0 0 60px #7c3aed1f}.showcase-slide--left{opacity:.5;z-index:1;transform:translate(-130%)rotateY(30deg)scale(.8)}.showcase-slide--right{opacity:.5;z-index:1;transform:translate(30%)rotateY(-30deg)scale(.8)}.showcase-slide--hidden{opacity:0;z-index:0;pointer-events:none;transform:translate(-50%)scale(.6)}.showcase-label{color:#ffffffd9;background:#0006;border-radius:8px;padding:5px 12px;font-size:13px;font-weight:600;position:absolute;bottom:16px;left:16px}.showcase-dots{gap:8px;display:flex;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.showcase-dot{cursor:pointer;background:#ffffff40;border:none;border-radius:50%;width:8px;height:8px;padding:0;transition:all .3s}.showcase-dot.active{background:var(--accent);transform:scale(1.3)}.l-section-header{text-align:center;margin-bottom:48px}.l-section-badge{-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border-radius:var(--radius-pill);color:#b794f4;letter-spacing:.5px;text-transform:uppercase;background:#7c3aed0f;border:1px solid #7c3aed1f;margin-bottom:24px;padding:6px 18px;font-size:12px;font-weight:600;display:inline-block}.l-section-title{letter-spacing:-2px;color:#fff;margin-bottom:20px;font-size:48px;font-weight:800}.l-section-sub{color:#ffffff61;max-width:540px;margin:0 auto;font-size:17px;line-height:1.7}.l-carousel-section{padding:80px 0}.l-carousel-section+.l-carousel-section{padding-top:40px}.l-carousel-wrap{max-width:1200px;margin:0 auto;padding:0 40px}.l-carousel-top{align-items:center;gap:16px;margin-bottom:28px;display:flex}.l-carousel-icon{object-fit:contain;border-radius:12px;width:44px;height:44px}.l-carousel-title{color:#fff;flex:1;font-size:24px;font-weight:700}.l-carousel-link{color:#fff6;cursor:pointer;white-space:nowrap;background:0 0;border:none;font-size:14px;text-decoration:none;transition:color .2s}.l-carousel-link:hover{color:#fff}.l-carousel-track{scrollbar-width:none;-webkit-user-select:none;user-select:none;align-items:flex-start;gap:20px;padding-bottom:12px;display:flex;overflow-x:auto}.l-carousel-track::-webkit-scrollbar{display:none}.l-card{cursor:pointer;background:#ffffff0a;border:1px solid #ffffff14;border-radius:20px;flex:0 0 320px;transition:flex .5s cubic-bezier(.25,.46,.45,.94),transform .35s,border-color .35s,box-shadow .35s;overflow:hidden;box-shadow:0 8px 32px #00000040,inset 0 1px #ffffff0f}.l-card:hover{border-color:#8b5cf659;box-shadow:0 0 25px #7c3aed33,0 12px 48px #00000059,inset 0 1px #ffffff26}.l-card.expanded{border-color:#8b5cf680;flex:0 0 580px;box-shadow:0 0 40px #7c3aed4d,0 16px 64px #0006,inset 0 1px #fff3}.l-card video{aspect-ratio:16/9;object-fit:cover;pointer-events:none;width:100%;display:block}.l-card-body{padding:14px 18px}.l-card-title{color:#fffc;margin-bottom:4px;font-size:14px;font-weight:600}.l-card-sub{color:#ffffff59;font-size:12px}.l-music-card{cursor:pointer;background:#ffffff0a;border:1px solid #ffffff14;border-radius:20px;flex-direction:column;flex:0 0 280px;gap:16px;padding:24px;transition:flex .5s cubic-bezier(.25,.46,.45,.94),transform .35s,border-color .35s,box-shadow .35s;display:flex;overflow:hidden;box-shadow:0 8px 32px #00000040,inset 0 1px #ffffff0f}.l-music-card:hover{border-color:#8b5cf659;box-shadow:0 0 25px #7c3aed33,0 12px 48px #00000059,inset 0 1px #ffffff26}.l-music-card.expanded{border-color:#8b5cf680;flex:0 0 420px;box-shadow:0 0 40px #7c3aed4d,0 16px 64px #0006,inset 0 1px #fff3}.l-music-cover{aspect-ratio:1;border-radius:14px;justify-content:center;align-items:center;width:100%;font-size:48px;display:flex;position:relative;overflow:hidden}.l-music-cover-grad{opacity:.8;position:absolute;inset:0}.l-music-play{z-index:1;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;color:#fff;background:#fff3;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;transition:all .2s;display:flex;position:relative}.l-music-play:hover{background:#ffffff4d;transform:scale(1.1)}.l-music-play.active{background:#ffffff59;box-shadow:0 0 20px #ffffff26}.l-music-visualizer{z-index:1;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.l-music-card.playing{border-color:#8b5cf680;box-shadow:0 0 30px #7c3aed40,0 12px 48px #00000059,inset 0 1px #ffffff26}.l-music-card.playing .l-music-cover-grad{opacity:.5;transition:opacity .4s}.l-music-info{flex:1}.l-music-title{color:#ffffffd9;margin-bottom:4px;font-size:15px;font-weight:600}.l-music-genre{color:#ffffff59;font-size:12px}.l-music-audio{opacity:.7;width:100%;height:32px}.l-music-audio::-webkit-media-controls-panel{background:#ffffff0f;border-radius:8px}.l-photo-card{cursor:pointer;background:#ffffff0a;border:1px solid #ffffff14;border-radius:20px;flex:0 0 360px;transition:flex .5s cubic-bezier(.25,.46,.45,.94),transform .35s,border-color .35s,box-shadow .35s;overflow:hidden;box-shadow:0 8px 32px #00000040,inset 0 1px #ffffff0f}.l-photo-card:hover{border-color:#8b5cf659;box-shadow:0 0 25px #7c3aed33,0 12px 48px #00000059,inset 0 1px #ffffff26}.l-photo-card.expanded{border-color:#8b5cf680;flex:0 0 580px;box-shadow:0 0 40px #7c3aed4d,0 16px 64px #0006,inset 0 1px #fff3}.l-photo-split{grid-template-columns:1fr 1fr;gap:0;display:grid;position:relative}.l-photo-before,.l-photo-after{aspect-ratio:3/4;position:relative;overflow:hidden}.l-photo-before img{object-fit:cover;filter:grayscale();pointer-events:none;width:100%;height:100%;display:block}.l-photo-after video{object-fit:cover;pointer-events:none;width:100%;height:100%;display:block;transform:scale(1.15)}.l-photo-label{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#ffffffb3;white-space:nowrap;background:#0009;border-radius:8px;padding:3px 12px;font-size:11px;font-weight:500;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}.l-photo-divider{z-index:2;background:#fff3;width:2px;position:absolute;top:0;bottom:0;left:50%}.l-features{padding:80px 40px 40px}.l-features-inner{max-width:1200px;margin:0 auto}.l-features-grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.l-feature-card{background:#ffffff0a;border:1px solid #ffffff14;border-radius:20px;padding:32px 28px;transition:all .35s;position:relative;overflow:hidden;box-shadow:0 8px 32px #00000040,inset 0 1px #ffffff0f}.l-feature-card:before{content:"";background:linear-gradient(90deg, transparent, var(--c), transparent);opacity:0;height:1px;transition:opacity .35s;position:absolute;top:0;left:0;right:0}.l-feature-card:hover{border-color:#ffffff1f;transform:translateY(-6px);box-shadow:0 0 25px #7c3aed26,0 24px 64px #0000004d,inset 0 1px #ffffff26}.l-feature-card:hover:before{opacity:.6}.l-feature-top{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.l-feature-icon{border-radius:13px;justify-content:center;align-items:center;width:56px;height:56px;display:flex;overflow:hidden}.l-feature-icon img{object-fit:cover;border-radius:13px;width:100%;height:100%}.l-feature-tag{color:var(--c);background:color-mix(in srgb, var(--c) 10%, transparent);border-radius:8px;padding:4px 12px;font-size:11px;font-weight:600}.l-feature-card h3{color:#fff;margin-bottom:10px;font-size:18px;font-weight:700}.l-feature-card p{color:#ffffff59;font-size:13px;line-height:1.7}.l-feature-line{background:linear-gradient(90deg, var(--c), transparent);opacity:.15;height:1px;margin-top:24px}.l-models{border-top:1px solid var(--glass-border);border-bottom:1px solid var(--glass-border);padding:80px 0;overflow:hidden}.l-models-inner{max-width:1200px;margin:0 auto;padding:0 40px}.l-models-track{margin-top:40px;overflow:hidden}.l-models-scroll{gap:14px;width:max-content;animation:30s linear infinite marquee;display:flex}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.l-model-pill{-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border-radius:var(--radius-pill);color:#fff9;white-space:nowrap;background:#ffffff0a;border:1px solid #ffffff14;align-items:center;gap:10px;padding:12px 24px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.l-model-pill:hover{color:#fff;background:#ffffff12}.l-model-dot{border-radius:50%;width:8px;height:8px}.l-model-dot--video{background:#7c3aed}.l-model-dot--text{background:#22c55e}.l-model-dot--audio{background:#f59e0b}.l-model-dot--photo{background:#fbbf24}.l-blog{padding:80px 40px}.l-blog-inner{max-width:1100px;margin:0 auto}.l-blog-grid{grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:32px;display:grid}.l-blog-card{cursor:pointer;background:#ffffff0a;border:1px solid #ffffff14;border-radius:20px;transition:all .35s;overflow:hidden;box-shadow:0 8px 32px #00000040,inset 0 1px #ffffff0f}.l-blog-card:hover{border-color:#ffffff26;transform:translateY(-4px);box-shadow:0 0 25px #7c3aed26,0 16px 48px #00000059,inset 0 1px #ffffff26}.l-blog-card-img{width:100%;height:180px;position:relative;overflow:hidden}.l-blog-card-img img{object-fit:cover;width:100%;height:100%;transition:transform .35s}.l-blog-card:hover .l-blog-card-img img{transform:scale(1.05)}.l-blog-badge{letter-spacing:.3px;-webkit-backdrop-filter:blur(8px);border-radius:20px;padding:3px 10px;font-size:11px;font-weight:600;line-height:1.4;position:absolute;top:12px;left:12px}.l-blog-card-body{padding:16px 18px}.l-blog-card-body h3{color:#ffffffd9;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 10px;font-size:15px;font-weight:600;line-height:1.4;display:-webkit-box;overflow:hidden}.l-blog-card-meta{color:#ffffff4d;gap:12px;font-size:12px;display:flex}.l-blog-all{-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border-radius:var(--radius-pill);color:#fff9;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff14;margin:0 auto;padding:12px 32px;font-size:15px;font-weight:500;transition:all .25s;display:block}.l-blog-all:hover{color:#fff;background:#ffffff14;border-color:#ffffff26}.l-pricing{padding:100px 40px}.l-pricing-inner{max-width:1100px;margin:0 auto}.l-pricing-grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.l-tariff{text-align:center;background:#ffffff0a;border:1px solid #ffffff14;border-radius:20px;padding:40px 28px;transition:all .35s;position:relative;box-shadow:0 8px 32px #00000040,inset 0 1px #ffffff0f}.l-tariff:hover{border-color:#ffffff1f;transform:translateY(-6px);box-shadow:0 0 25px #7c3aed26,0 24px 64px #0000004d,inset 0 1px #ffffff26}.l-tariff.popular{box-shadow:0 0 80px #7c3aed1a, var(--shadow-glass);background:#7c3aed0a;border-color:#7c3aed4d}.l-popular-badge{background:linear-gradient(135deg, var(--accent), #9333ea);border-radius:var(--radius-pill);color:#fff;letter-spacing:.5px;padding:6px 22px;font-size:11px;font-weight:700;position:absolute;top:-13px;left:50%;transform:translate(-50%);box-shadow:0 4px 16px #7c3aed66}.l-tariff h3{color:var(--c);letter-spacing:1px;margin-bottom:24px;font-size:15px;font-weight:700}.l-tariff-sp{color:#fff;letter-spacing:-2px;margin-bottom:6px;font-size:52px;font-weight:900}.l-tariff-sp span{color:#ffffff59;font-size:18px;font-weight:600}.l-tariff-price{color:#fff6;margin-bottom:32px;font-size:18px;font-weight:500}.l-tariff-features{text-align:left;margin:0 0 32px;padding:0;list-style:none}.l-tariff-features li{color:#fff6;border-bottom:1px solid #ffffff0a;padding:8px 0;font-size:13px}.l-tariff-features li:before{content:"✓";color:var(--c);font-weight:600}.l-btn-tariff{width:100%;color:var(--c);border-radius:var(--radius-md);cursor:pointer;background:#ffffff0a;border:1px solid #ffffff14;padding:14px;font-size:14px;font-weight:600;transition:all .2s}.l-btn-tariff:hover{background:var(--c);color:#fff;border-color:var(--c);box-shadow:0 8px 28px color-mix(in srgb, var(--c) 35%, transparent)}.l-tariff.popular .l-btn-tariff{background:linear-gradient(135deg, var(--accent), #9333ea);color:#fff;border-color:#0000}.l-tariff.popular .l-btn-tariff:hover{box-shadow:0 8px 28px #7c3aed80}.l-cta{text-align:center;padding:120px 40px;position:relative;overflow:hidden}.l-cta-inner{z-index:1;max-width:640px;margin:0 auto;position:relative}.l-cta-glow{filter:blur(100px);pointer-events:none;background:radial-gradient(#7c3aed1a 0%,#0000 70%);width:700px;height:500px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.l-cta h2{letter-spacing:-2px;color:#fff;margin-bottom:20px;font-size:48px;font-weight:800}.l-cta p{color:#ffffff61;margin-bottom:48px;font-size:17px;line-height:1.7}.l-footer{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0003;border-top:1px solid #ffffff14;padding:44px 40px}.l-footer-inner{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;display:flex}.l-footer-columns{gap:80px;display:flex}.l-footer-col{flex-direction:column;gap:8px;display:flex}.l-footer-col h4{color:#ffffff80;letter-spacing:1px;margin-bottom:8px;font-size:12px;font-weight:700}.l-footer-col a{color:#ffffff59;font-size:13px;text-decoration:none;transition:color .2s}.l-footer-col a:hover{color:#ffffffb3}.l-footer p{color:#fff3;font-size:13px}@media (width<=1024px){.l-features-grid,.l-pricing-grid,.l-blog-grid{grid-template-columns:repeat(2,1fr)}.l-section-label{display:none}.l-sections{padding:0 16px}}@media (width<=768px){.l-header{border-radius:16px;height:52px;padding:0 12px;top:8px;left:8px;right:8px}.l-sections{display:none}.l-hero{padding:120px 20px 60px}.l-hero-title{letter-spacing:-1.5px;font-size:38px}.l-hero-sub{font-size:16px}.l-hero-actions{flex-direction:column;align-items:center}.l-hero-stats{gap:28px}.l-stat-num{font-size:26px}.l-section-title{letter-spacing:-1px;font-size:30px}.l-section-sub{font-size:15px}.l-carousel-section{padding:60px 0}.l-carousel-wrap{padding:0 20px}.l-card{flex:0 0 280px}.l-music-card{flex:0 0 240px}.l-photo-card{flex:0 0 300px}.l-showcase{padding:60px 20px}.showcase-carousel{height:260px}.showcase-slide{width:80%}.showcase-slide--left{transform:translate(-120%)rotateY(20deg)scale(.75)}.showcase-slide--right{transform:translate(20%)rotateY(-20deg)scale(.75)}.showcase-label{padding:4px 8px;font-size:11px}.l-blog{padding:60px 20px}.l-blog-grid{grid-template-columns:1fr}.l-blog-card-img{height:160px}.l-features,.l-models,.l-pricing,.l-cta{padding:60px 20px}.l-features-grid,.l-pricing-grid{grid-template-columns:1fr}.l-footer-inner{text-align:center;flex-direction:column;gap:24px}.l-footer-columns{flex-direction:column;align-items:center;gap:32px}.l-preset-tags{gap:6px}.l-preset-tag{padding:5px 10px;font-size:11px}}.l-preset-desc{color:#ffffff80;margin:-4px 0 10px;padding:0 20px;font-size:14px}.l-preset-tags{flex-wrap:wrap;gap:8px;margin-bottom:16px;padding:0 20px;display:flex}.l-preset-tag{color:#fffc;cursor:pointer;white-space:nowrap;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:100px;padding:6px 14px;font-size:13px;transition:all .2s}.l-preset-tag:hover{color:#fff;background:#ffffff1f;border-color:#fff3}.l-preset-tag--accent{color:#a78bfa;background:#7c3aed26;border-color:#7c3aed4d}.l-preset-tag--accent:hover{color:#c4b5fd;background:#7c3aed40;border-color:#7c3aed80}.auth-page{background:radial-gradient(ellipse at 30% 20%, #7c3aed1a 0%, transparent 50%), var(--bg);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.auth-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);text-align:center;width:400px;padding:40px 32px}.auth-logo{cursor:pointer;margin-bottom:8px;font-size:28px;font-weight:800}.auth-logo span{color:var(--accent)}.auth-card h2{color:var(--text2);margin-bottom:28px;font-size:20px;font-weight:600}.auth-form{flex-direction:column;gap:12px;display:flex}.auth-input{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text);transition:border-color var(--transition);padding:12px 16px;font-size:15px}.auth-input:focus{border-color:var(--accent)}.auth-error{color:var(--red);text-align:left;font-size:13px}.auth-btn{background:var(--accent);color:#fff;border-radius:var(--radius-sm);width:100%;transition:background var(--transition);padding:14px;font-size:15px;font-weight:600}.auth-btn:hover{background:var(--accent-hover)}.auth-btn:disabled{opacity:.6;cursor:not-allowed}.auth-divider{color:var(--text3);align-items:center;gap:16px;margin:24px 0;font-size:13px;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--border);flex:1;height:1px}.auth-google-btn{color:#333;border-radius:var(--radius-sm);width:100%;transition:background var(--transition);background:#fff;border:1px solid #ddd;justify-content:center;align-items:center;gap:10px;margin-bottom:10px;padding:12px;font-size:15px;font-weight:600;display:flex}.auth-google-btn:hover{background:#f5f5f5}.auth-tg-btn{color:#fff;border-radius:var(--radius-sm);width:100%;transition:background var(--transition);background:#2aabee;justify-content:center;align-items:center;gap:10px;padding:12px;font-size:15px;font-weight:600;display:flex}.auth-tg-btn:hover{background:#229ed9}.auth-switch{color:var(--text2);margin-top:20px;font-size:13px}.auth-switch button{color:var(--accent);background:0 0;font-size:13px;font-weight:600}.auth-switch button:hover{color:var(--accent-hover)}.tg-modal-overlay{z-index:1000;background:#000000b3;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.tg-modal{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);text-align:center;width:400px;padding:40px 36px;position:relative}.tg-modal-close{color:var(--text3);cursor:pointer;background:0 0;font-size:24px;transition:color .2s;position:absolute;top:12px;right:16px}.tg-modal-close:hover{color:var(--text)}.tg-modal h2{color:var(--text);margin-bottom:20px;font-size:22px;font-weight:700}.tg-modal-desc{color:var(--text2);margin-bottom:28px;font-size:14px;line-height:1.6}.tg-modal-btn{color:#fff;border-radius:var(--radius-sm);background:#2aabee;justify-content:center;align-items:center;gap:10px;width:100%;margin-bottom:20px;padding:14px;font-size:16px;font-weight:600;text-decoration:none;transition:background .2s;display:flex}.tg-modal-btn:hover{color:#fff;background:#229ed9}.tg-modal-timer{color:var(--accent);font-size:14px;font-weight:600}.tg-modal-status{color:var(--text2);margin-bottom:20px;font-size:15px}.tg-modal-retry{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);padding:10px 24px;font-size:14px;transition:all .2s}.tg-modal-retry:hover{border-color:var(--accent)}.tg-modal-success{padding:20px 0}.tg-modal-check{width:60px;height:60px;color:var(--green);background:#22c55e26;border-radius:50%;justify-content:center;align-items:center;margin:0 auto 16px;font-size:28px;font-weight:700;display:flex}.tg-modal-success p{color:var(--green);font-size:18px;font-weight:600}@media (width<=480px){.auth-card{width:100%;max-width:400px;margin:0 12px;padding:28px 20px}.tg-modal{width:calc(100% - 24px);max-width:400px;padding:28px 20px}}html{touch-action:manipulation}body{overflow-x:hidden}@media (width<=768px){::-webkit-scrollbar{width:3px}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:3px}}