@import "https://fonts.googleapis.com/css2?family=Elms+Sans:wght@400;500;600;700&family=Inter:wght@400;500;600;700;800;900&family=Space+Grotesk:wght@500;600;700&display=swap";.global-player-container{-webkit-backdrop-filter:blur(16px);z-index:900;background:linear-gradient(#1c182beb 0%,#120f1cf5 100%);border:1px solid #ffffff1a;border-radius:20px;position:fixed;bottom:80px;left:16px;right:16px;overflow:hidden;box-shadow:0 12px 32px #00000080,0 4px 20px #ff33661f}.global-player-progress{background:#ffffff14;width:100%;height:3px}.global-player-progress-fill{background:linear-gradient(90deg,#f36,#93f);height:100%;transition:width .1s linear;box-shadow:0 0 8px #f369}.global-player-content{justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.global-player-info{align-items:center;gap:12px;display:flex;overflow:hidden}.global-player-icon{color:#fff;background:linear-gradient(135deg,#f36 0%,#93f 100%);border-radius:13px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex;box-shadow:0 4px 14px #ff336659}.global-player-text{white-space:nowrap;flex-direction:column;gap:3px;display:flex;overflow:hidden}.global-player-text h4{color:#fff;text-overflow:ellipsis;margin:0;font-size:14px;font-weight:700;overflow:hidden}.global-player-text p{color:var(--text-secondary);align-items:center;margin:0;font-size:11px;display:flex}.global-player-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.global-btn-play{color:#fff;cursor:pointer;background:linear-gradient(135deg,#f36 0%,#93f 100%);border:none;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;transition:transform .2s;display:flex;box-shadow:0 4px 14px #f366}.global-btn-play:hover{transform:scale(1.06)}.global-btn-close{width:30px;height:30px;color:var(--text-secondary);cursor:pointer;background:#ffffff0f;border:none;border-radius:50%;justify-content:center;align-items:center;transition:background .2s,color .2s;display:flex}.global-btn-close:hover{color:#fff;background:#ffffff1f}.full-screen-player{z-index:9999;box-sizing:border-box;background:#0f0f16;flex-direction:column;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0;overflow:hidden}.player-bg-orb{filter:blur(80px);z-index:1;opacity:.6;border-radius:50%;animation:10s ease-in-out infinite alternate float;position:absolute}.orb-1{background:#f366;width:400px;height:400px;top:-100px;left:-100px}.orb-2{background:#93f6;width:350px;height:350px;animation-delay:-5s;bottom:-50px;right:-100px}@keyframes float{0%,to{transform:translateY(0)rotate(-15deg)}50%{transform:translateY(-10px)rotate(15deg)}}.player-glass-overlay{z-index:2;-webkit-backdrop-filter:blur(40px);background:#0f0f1699;flex-direction:column;width:100%;height:100%;padding:24px;display:flex;position:relative}.full-screen-header{justify-content:space-between;align-items:center;margin-bottom:40px;padding-top:16px;display:flex}.icon-btn-transparent{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:8px;transition:transform .2s;display:flex}.icon-btn-transparent:active{transform:scale(.9)}.now-playing-text{text-transform:uppercase;letter-spacing:2px;color:#ffffffb3;font-size:12px;font-weight:700}.full-screen-art-container{flex:1;justify-content:center;align-items:center;margin-bottom:20px;display:flex}.record-disk{background:#111;border:4px solid #222;border-radius:50%;justify-content:center;align-items:center;width:280px;height:280px;transition:box-shadow .5s;display:flex;position:relative;box-shadow:0 20px 50px #000c,inset 0 0 20px #ffffff1a}.glow-pulse{box-shadow:0 0 40px #ff33664d,inset 0 0 20px #ffffff1a}.record-disk:before{content:"";border:1px solid #ffffff14;border-radius:50%;width:90%;height:90%;position:absolute}.record-disk:after{content:"";border:1px solid #ffffff0d;border-radius:50%;width:75%;height:75%;position:absolute}.record-center-label{z-index:2;background:linear-gradient(135deg,#f36 0%,#93f 100%);border-radius:50%;justify-content:center;align-items:center;width:110px;height:110px;display:flex;box-shadow:0 0 20px #ff336680}.record-hole{z-index:3;background:#111;border-radius:50%;width:16px;height:16px;position:absolute;box-shadow:inset 0 2px 5px #000c}@keyframes spin{to{transform:rotate(360deg)}}.record-disk.spinning{animation:4s linear infinite spin}.full-screen-info{text-align:center;flex-direction:column;align-items:center;gap:16px;margin-bottom:32px;display:flex}.full-screen-title-group{flex-direction:column;align-items:center;gap:8px;display:flex}.full-screen-title-group h2{color:#fff;text-shadow:0 2px 10px #00000080;margin:0;font-size:26px;font-weight:800}.full-screen-title-group p{color:#ffffffb3;margin:0;font-size:15px;font-weight:500}.full-screen-progress-container{margin-bottom:40px;padding:0 16px}.progress-bar-bg{background:#ffffff26;border-radius:3px;width:100%;height:6px;position:relative}.progress-bar-fill{background:linear-gradient(90deg,#f36,#93f);border-radius:3px;height:100%;position:absolute;top:0;left:0}.glow-bar{box-shadow:0 0 10px #ff336680}.progress-bar-thumb{background:#fff;border-radius:50%;width:14px;height:14px;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 10px #fffc}.full-screen-controls{justify-content:center;align-items:center;gap:32px;margin-bottom:32px;display:flex}.full-screen-play-btn{cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:76px;height:76px;transition:transform .2s;display:flex;box-shadow:0 10px 30px #f366}.full-screen-play-btn:active{transform:scale(.95)}.full-screen-footer{opacity:.8;justify-content:center;align-items:center;padding-bottom:24px;display:flex}.fs-v2-overlay{padding:20px;overflow-y:auto}.fs-close-btn{z-index:5;cursor:pointer;background:#ffffff14;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:background .2s;display:flex;position:absolute;top:20px;right:20px}.fs-close-btn:hover{background:#ffffff29}.fs-layout{z-index:2;flex-direction:column;gap:24px;max-width:960px;margin:48px auto 0;display:flex;position:relative}.fs-main{text-align:center;flex-direction:column;align-items:center;display:flex}.fs-cover{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;justify-content:center;align-items:center;width:240px;max-width:60vw;height:240px;max-height:60vw;margin-bottom:20px;display:flex;overflow:hidden;box-shadow:0 20px 50px #00000080}.fs-cover img{object-fit:cover;width:100%;height:100%}.fs-style-tag{color:#ff6b93;background:#ff336626;border-radius:100px;align-items:center;gap:6px;margin-bottom:12px;padding:5px 12px;font-size:12px;font-weight:600;display:inline-flex}.fs-title{color:#fff;max-width:90%;margin-bottom:24px;font-size:24px;font-weight:800}.fs-progress{width:100%;max-width:420px;margin-bottom:28px}.fs-progress-times{color:#fff9;justify-content:space-between;margin-top:8px;font-size:12px;display:flex}.fs-secondary-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin:28px 0;display:flex}.fs-secondary-btn{color:#ffffffb3;cursor:pointer;background:#ffffff14;border:none;border-radius:100px;align-items:center;gap:6px;height:36px;padding:0 12px;font-size:12px;font-weight:600;transition:background .2s,color .2s;display:flex}.fs-secondary-btn:not(.lyrics-toggle){justify-content:center;width:36px;padding:0}.fs-secondary-btn:hover{color:#fff;background:#ffffff24}.fs-secondary-btn.active{color:#fff;background:linear-gradient(135deg,#f36 0%,#93f 100%)}.fs-volume{background:#ffffff14;border-radius:100px;align-items:center;gap:8px;height:36px;padding:0 12px;display:flex}.fs-volume input[type=range]{accent-color:#f36;width:70px}.fs-cta-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#f36 0%,#93f 100%);border:none;border-radius:100px;align-items:center;gap:8px;padding:14px 24px;font-size:14px;font-weight:700;transition:transform .2s;display:inline-flex;box-shadow:0 10px 30px #ff33664d}.fs-cta-btn:hover{transform:translateY(-2px)}.fs-lyrics-panel{background:#ffffff0a;border:1px solid #ffffff14;border-radius:20px;flex-direction:column;max-height:320px;padding:20px;display:none}.fs-lyrics-panel.mobile-visible{display:flex}.fs-lyrics-header{color:#f36;text-transform:uppercase;letter-spacing:.05em;flex-shrink:0;align-items:center;gap:8px;margin-bottom:14px;font-size:13px;font-weight:700;display:flex}.fs-lyrics-body{color:#ffffffa6;font-size:15px;line-height:1.9;overflow-y:auto}.fs-lyrics-empty{color:#fff6}@media (width>=1024px){.fs-layout{flex-direction:row;align-items:flex-start;gap:48px;margin-top:64px}.fs-main{text-align:left;flex:1;align-items:flex-start}.fs-title{max-width:100%}.fs-secondary-row{justify-content:flex-start}.fs-secondary-btn.lyrics-toggle{display:none}.fs-lyrics-panel{flex:1;max-height:560px;display:flex;position:sticky;top:0}}.app-layout{background-color:var(--bg-color);width:100vw;height:100vh;display:flex;overflow:hidden}.app-sidebar{z-index:10;background-color:#0b0914;border-right:1px solid #ffffff0d;flex-direction:column;flex-shrink:0;width:260px;padding:24px 16px;display:flex}.sidebar-logo{color:#fff;cursor:pointer;align-items:center;gap:12px;margin-bottom:40px;padding:0 12px;font-size:24px;font-weight:700;display:flex}.sidebar-nav{flex-direction:column;flex:1;gap:8px;display:flex}.sidebar-link{color:var(--text-muted);border-radius:12px;align-items:center;gap:16px;padding:12px 16px;font-size:15px;font-weight:500;text-decoration:none;transition:all .2s;display:flex;position:relative}.sidebar-link:hover{color:#fff;background-color:#ffffff08}.sidebar-link.active{color:#fff;background-color:#ff33661a}.sidebar-link.active:before{content:"";background-color:var(--primary);border-radius:0 4px 4px 0;width:4px;height:80%;position:absolute;top:10%;left:0}.sidebar-link.active svg{color:var(--primary)}.sidebar-bottom{flex-direction:column;gap:16px;margin-top:auto;display:flex}.sidebar-credits-card{background:#ffffff08;border:1px solid #ffffff0d;border-radius:16px;padding:16px}.credits-header{color:#fff;align-items:center;gap:8px;margin-bottom:4px;font-size:14px;font-weight:600;display:flex}.credits-desc{color:var(--text-muted);margin-bottom:12px;font-size:12px}.btn-primary-gradient.small-full{border-radius:8px;justify-content:center;width:100%;padding:8px;font-size:13px}.sidebar-profile{cursor:pointer;border-radius:12px;align-items:center;gap:12px;padding:12px;transition:background .2s;display:flex}.sidebar-profile:hover{background:#ffffff0d}.profile-img{object-fit:cover;border-radius:50%;width:36px;height:36px}.profile-info{flex-direction:column;flex:1;display:flex}.profile-name{color:#fff;font-size:14px;font-weight:600}.profile-link{color:var(--text-muted);font-size:11px}.icon-btn-transparent{color:var(--text-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;display:flex}.main-content-wrapper{background-color:var(--bg-color);flex-direction:column;flex:1;display:flex;overflow-y:auto}.app-topbar{z-index:20;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0a0910cc;justify-content:space-between;align-items:center;padding:16px 32px;display:flex;position:sticky;top:0}.mobile-logo{display:none}.topbar-search{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;align-items:center;width:400px;padding:8px 16px;transition:border .2s;display:flex}.topbar-search:focus-within{border-color:#ff336680}.topbar-search input{color:#fff;background:0 0;border:none;outline:none;flex:1;margin-left:12px;font-size:14px}.search-shortcut{color:var(--text-muted);background:#ffffff1a;border-radius:4px;padding:2px 6px;font-size:10px}.topbar-actions{align-items:center;gap:16px;display:flex}.credits-badge-top{color:#fff;cursor:pointer;background:#ff33661a;border:1px solid #f363;border-radius:20px;align-items:center;gap:6px;padding:6px 16px;font-size:14px;font-weight:600;display:flex}.main-content{flex:1;padding:0 32px 32px}@media (width<=1023px){.app-layout{flex-direction:column}.app-sidebar{display:none}.app-topbar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:50;background:#0a0910e6;border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding:16px;display:flex;position:fixed;top:0;left:0;right:0}.mobile-logo{display:flex}.topbar-search{display:none}.topbar-actions{justify-content:flex-end;width:auto}.main-content{padding:80px 0 140px}}@media (width<=480px){.hide-on-mobile-small{display:none}}.notifications-dropdown{z-index:1000;background:#1a1a1a;border:1px solid #333;border-radius:8px;width:300px;max-height:400px;padding:10px 0;position:absolute;top:40px;right:0;overflow-y:auto;box-shadow:0 4px 12px #00000080}@media (width<=768px){.notifications-dropdown{width:calc(100vw - 20px);max-width:360px;position:fixed;top:60px;right:10px}}.mobile-bottom-nav{display:none}@media (width<=1023px){.mobile-bottom-nav{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100;background:#0a0915f2;border-top:1px solid #ffffff0d;justify-content:space-around;align-items:center;width:100%;height:70px;display:flex;position:fixed;bottom:0;left:0}.mobile-nav-item{color:var(--text-muted);flex-direction:column;align-items:center;gap:4px;text-decoration:none;transition:color .2s;display:flex}.mobile-nav-item span{font-size:10px;font-weight:500}.mobile-nav-item.active{color:var(--primary)}}.landing-container{background-color:var(--bg-color);color:#fff;background-image:radial-gradient(circle at 100%,#9933ff1a 0%,#0000 50%),radial-gradient(circle at 0 100%,#ff33661a 0%,#0000 50%);min-height:100vh;font-family:Elms Sans,Inter,sans-serif;position:relative;overflow:hidden auto}.landing-topbar{z-index:30;-webkit-backdrop-filter:blur(14px);background:#0b0914b8;border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding:16px 5%;display:flex;position:sticky;top:0}.landing-logo{font-family:var(--font-display);letter-spacing:-.02em;align-items:center;gap:10px;font-size:19px;font-weight:700;display:flex}.landing-logo .amp{color:#f36}.landing-logo-mark{background:var(--gradient-primary);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex;box-shadow:0 4px 14px #ff336659}.landing-badge{background:var(--gradient-primary);color:#fff;cursor:pointer;border:1px solid #0000;border-radius:30px;align-items:center;gap:6px;padding:10px 20px;font-size:13px;font-weight:600;transition:transform .2s,box-shadow .2s,filter .2s;display:flex;box-shadow:0 4px 16px #ff33664d}.landing-badge:hover{filter:brightness(1.08);transform:translateY(-2px);box-shadow:0 8px 22px #ff336673}.text-gradient{background:linear-gradient(90deg,#f36,#93f);-webkit-text-fill-color:transparent;-webkit-background-clip:text;display:inline-block}.btn-outline-glow{color:#fff;cursor:pointer;background:0 0;border:1px solid #fff3;border-radius:12px;align-items:center;gap:8px;padding:12px 24px;font-size:15px;font-weight:600;transition:background .2s,border-color .2s;display:flex}.btn-outline-glow:hover{background:#ffffff0d;border-color:#fff6}.landing-features{z-index:10;background:linear-gradient(90deg,#0000,#ffffff08 50%,#0000);border-top:1px solid #ffffff0d;border-bottom:1px solid #ffffff0d;justify-content:space-between;gap:10px;margin-top:10px;padding:15px 5%;display:flex;position:relative}.feature{flex:1;align-items:center;gap:12px;display:flex}.f-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.f-icon.bg-pink{background:#ff33661a;box-shadow:0 0 10px #ff33664d}.f-icon.bg-purple{background:#9933ff1a;box-shadow:0 0 10px #9933ff4d}.f-icon.bg-violet{background:#c466ff1a;box-shadow:0 0 10px #c466ff4d}.f-icon.bg-blue{background:#33ccff1a;box-shadow:0 0 10px #33ccff4d}.f-text h4{margin:0 0 2px;font-size:13px;font-weight:600}.f-text p{color:#a0a0b0;margin:0;font-size:11px;line-height:1.3}.landing-footer-main{background-color:var(--bg-color);z-index:10;border-top:1px solid #ffffff0d;margin-top:60px;padding:60px 5% 20px;position:relative}.footer-content{flex-wrap:wrap;justify-content:space-between;gap:16px 40px;margin-bottom:40px;display:flex}.footer-brand{max-width:350px}.footer-brand .landing-logo{margin-bottom:15px}.footer-description{color:#a0a0b0;margin-bottom:20px;font-size:14px;line-height:1.6}.footer-socials{gap:12px;display:flex}.social-icon{color:#e2e8f0;background:#ffffff0d;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .3s;display:flex}.social-icon:hover{color:#c466ff;background:#93f3;transform:translateY(-2px)}.footer-links-group{flex-wrap:wrap;gap:60px;display:flex}.footer-col h4{color:#fff;align-items:center;gap:8px;margin-bottom:20px;font-size:16px;font-weight:600;display:flex}.footer-col ul{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.footer-col a{color:#a0a0b0;align-items:center;gap:6px;font-size:14px;text-decoration:none;transition:color .2s;display:flex}.footer-col a:hover{color:#c466ff}.contact-col .contact-help{color:#a0a0b0;margin-bottom:15px;font-size:13px;line-height:1.5}.btn-contact{color:#c466ff;cursor:pointer;background:0 0;border:1px solid #c466ff80;border-radius:30px;align-items:center;gap:8px;margin-bottom:20px;padding:8px 16px;transition:all .3s;display:flex}.btn-contact:hover{background:#c466ff1a;box-shadow:0 0 15px #c466ff4d}.contact-info{flex-direction:column;gap:12px;margin:15px 0 20px;display:flex}.contact-info span{color:#a0a0b0;align-items:center;gap:8px;font-size:13px;display:flex}.footer-bottom{color:#71717a;border-top:1px solid #ffffff0d;flex-direction:column;justify-content:center;align-items:center;gap:15px;padding-top:20px;font-size:13px;display:flex}.legal-link{cursor:pointer;color:#71717a;text-decoration:none;transition:all .2s}.legal-link:hover{color:#c466ff}.premium-cta-section{padding-bottom:32px}@media (width>=768px){.premium-cta-section{padding-bottom:80px}}.landing-social-proof-banner{z-index:10;background:#0a0514f2;border:1px solid #c466ff4d;border-radius:30px;justify-content:space-between;align-items:center;gap:20px;width:95%;max-width:100%;margin:24px auto;padding:30px 40px;display:flex;position:relative;box-shadow:0 10px 40px #c466ff26,inset 0 0 20px #c466ff0d}@media (width>=768px){.landing-social-proof-banner{margin:60px auto}}.social-proof-avatars-section{align-items:center;padding:0 20px;display:flex;position:relative}.floating-note{opacity:.8;animation:3s ease-in-out infinite float;position:absolute}.note-1{animation-delay:0s;top:-20px;left:0}.note-2{animation-delay:1s;top:40px;right:-10px}.note-3{animation-delay:2s;top:-10px;right:20px}.social-avatars-glow{align-items:center;display:flex}.avatar-glow{color:#fff;z-index:2;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:45px;height:45px;margin-left:-15px;font-size:18px;font-weight:700;display:flex;position:relative;box-shadow:0 0 15px #ffffff4d}.avatar-glow:first-child{z-index:5;margin-left:0}.avatar-glow:nth-child(2){z-index:4}.avatar-glow:nth-child(3){z-index:3}.social-proof-divider{background:linear-gradient(#fff0,#fff3,#fff0);width:1px;height:80px}.social-proof-text-section{align-items:center;gap:20px;display:flex}.heart-icon-wrapper{filter:drop-shadow(0 0 15px #ff149380);justify-content:center;align-items:center;display:flex}.social-proof-main-text h2{color:#fff;margin:0;font-size:26px;font-weight:800;line-height:1.2}.gradient-text-blue-pink{background:linear-gradient(90deg,#ff1493,#8a2be2,#00bfff);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.social-proof-main-text p{color:#a0a0b0;margin:5px 0 0;font-size:16px}.underline-glow{color:#fff;display:inline-block;position:relative}.underline-glow:after{content:"";background:linear-gradient(90deg,#ff1493,#8a2be2);border-radius:2px;width:100%;height:3px;position:absolute;bottom:-4px;left:0;box-shadow:0 0 10px #ff1493}.social-proof-features-section{align-items:center;gap:30px;display:flex}.proof-feature{text-align:center;flex-direction:column;align-items:center;gap:10px;display:flex}.proof-icon-ring{background:#c466ff0d;border:1px solid #c466ff66;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;display:flex;box-shadow:inset 0 0 15px #c466ff1a}.proof-feature-text h4{color:#fff;margin:0 0 4px;font-size:13px;font-weight:600}.proof-feature-text p{color:#a0a0b0;margin:0;font-size:11px}@media (width<=1024px){.landing-social-proof-banner{flex-direction:column;gap:30px;padding:30px}.social-proof-divider{background:linear-gradient(90deg,#fff0,#fff3,#fff0);width:80%;height:1px}.social-proof-features-section{flex-direction:column;gap:20px}}@media (width<=768px){.landing-container{height:auto;min-height:100vh;overflow-y:auto}.landing-topbar{justify-content:space-between;padding:15px 5%}.landing-badge{gap:5px;padding:6px 12px;font-size:12px;display:flex}.landing-logo span:last-child{font-size:18px}.landing-social-proof{padding-bottom:30px}.footer-links-group{gap:40px}.footer-trust-banner{grid-template-columns:repeat(2,1fr)}.footer-bottom{text-align:center;flex-direction:column}}@media (width<=480px){.btn-outline-glow{justify-content:center;width:100%}.footer-trust-banner{grid-template-columns:1fr}}.premium-payment-section,.premium-faq-section,.premium-cta-section,.premium-testimonials-section{color:#f8fafc;text-align:center;padding:15px 5%}.premium-section-title{letter-spacing:-1px;margin-bottom:15px;font-size:3rem;font-weight:800}.premium-header{max-width:800px;margin:0 auto 50px}.premium-header p{color:#94a3b8;margin-bottom:30px;font-size:1.1rem}.premium-stats-badges{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.stat-badge{background:#ffffff0a;border:1px solid #ffffff1a;border-radius:100px;align-items:center;gap:12px;padding:8px 22px 8px 8px;transition:transform .25s,border-color .25s,background .25s;display:flex}.stat-badge:hover{background:#ffffff12;border-color:#ff33664d;transform:translateY(-3px)}.stat-icon-wrapper{background:#ffffff0d;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.stat-icon-wrapper.pink{color:#f36;background:#ff336626;box-shadow:0 0 12px #ff336640}.stat-text{color:#cbd5e1;font-size:.95rem}.stat-text strong{color:#fff;font-size:1.1rem}.premium-map-card{background:#0f172a99;border:1px solid #ffffff14;border-radius:24px;max-width:1000px;margin:0 auto;padding:40px;position:relative;overflow:hidden;box-shadow:0 25px 50px -12px #00000080}.premium-map-card:before{content:"";pointer-events:none;background:radial-gradient(at top,#ff336626 0%,#0000 70%);width:60%;height:300px;position:absolute;top:0;left:50%;transform:translate(-50%)}.map-card-header{margin-bottom:30px}.region-selector{gap:30px;display:flex}.region-radio{color:#64748b;cursor:pointer;align-items:center;gap:8px;font-size:.9rem;font-weight:500;display:flex}.region-radio.active{color:#f8fafc}.radio-dot{border:2px solid #334155;border-radius:50%;width:16px;height:16px;position:relative}.region-radio.active .radio-dot{border-color:#f36}.region-radio.active .radio-dot:after{content:"";background-color:#f36;border-radius:50%;width:8px;height:8px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.map-regions-container{grid-template-columns:1fr 1fr;gap:40px;display:grid}.region-block{background:#1e293b80;border:1px solid #ffffff0d;border-radius:16px;padding:24px}.region-header-title{border-bottom:1px solid #ffffff0d;align-items:center;gap:12px;margin-bottom:20px;padding-bottom:15px;display:flex}.title-text{letter-spacing:1px;color:#f8fafc;font-size:.85rem;font-weight:700}.title-count{color:#fff;background:#f36;border-radius:20px;padding:2px 10px;font-size:.75rem;font-weight:700}.title-count.dark{color:#f8fafc;background:#0f172a;border:1px solid #fff3}.pills-grid{border:1px solid #ffffff14;border-radius:24px;flex-wrap:wrap;gap:10px;padding:6px;display:flex}.country-pill{color:#e2e8f0;cursor:pointer;background:#0f172acc;border:1px solid #ffffff1a;border-radius:30px;align-items:center;gap:8px;padding:8px 14px;font-size:.9rem;transition:background .25s,border-color .25s,color .25s,transform .15s;display:flex}.country-pill:hover{background:#ffffff1a;border-color:#fff3}.country-pill:active{transform:scale(.95)}.country-pill.selected{background:var(--gradient-primary);color:#fff;border-color:#0000;box-shadow:0 4px 14px #ff336659}.pill-count{color:#f36;background:#f363;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;margin-left:4px;font-size:.7rem;font-weight:700;display:flex}.pill-count.dark{color:#94a3b8;background:#ffffff1a}.region-block.center-region{opacity:.7}.region-footer{border-top:1px solid #ffffff0d;justify-content:space-between;margin-top:30px;padding-top:15px;font-size:.85rem;display:flex}.footer-label{color:#64748b}.footer-value{color:#f8fafc;font-weight:600}.btn-premium-action{color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:.5px;background:linear-gradient(90deg,#f36,#93f);border:none;border-radius:40px;align-items:center;gap:12px;padding:22px 56px;font-size:1.35rem;font-weight:700;transition:all .3s;display:inline-flex;box-shadow:0 8px 20px #ff33664d}.btn-premium-action:hover{transform:scale(1.05);box-shadow:0 15px 35px #ff336680}@media (width<=768px){.map-regions-container{grid-template-columns:1fr}.premium-section-title{font-size:2rem}.premium-map-card{padding:24px}}.landing-features{z-index:15;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#0f0f19f2;border:1px solid #ffffff14;border-radius:20px;width:90%;margin:-30px auto 40px;padding:0;position:relative;overflow:hidden;box-shadow:0 10px 40px #0009}.landing-features-track{justify-content:space-between;align-items:stretch;width:100%;display:flex}.landing-features-track .feature[aria-hidden=true]{display:none}.landing-features .feature{background:0 0;border-right:1px solid #ffffff0f;flex:1;align-items:center;gap:12px;padding:16px 20px;transition:background .25s;display:flex}.landing-features .feature:last-child{border-right:none}.landing-features .feature:hover{background:#ffffff08}.landing-features .f-icon{border:1px solid #0000;border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.landing-features .f-text{text-align:left}.landing-features .feature h4{color:#fff;margin-bottom:4px;font-size:.95rem;font-weight:700}.landing-features .feature p{color:#94a3b8;margin:0;font-size:.85rem;line-height:1.4}@media (width<=900px){.landing-features{border-radius:18px;width:100%;margin-top:24px;-webkit-mask-image:linear-gradient(90deg,#0000,#000 24px calc(100% - 24px),#0000);mask-image:linear-gradient(90deg,#0000,#000 24px calc(100% - 24px),#0000)}.landing-features-track{width:max-content;animation:16s linear infinite featuresMarquee}.landing-features-track .feature[aria-hidden=true]{display:flex}.landing-features:hover .landing-features-track{animation-play-state:paused}@keyframes featuresMarquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.landing-features .feature{border-right:1px solid #ffffff0f;flex-direction:column;flex:none;align-items:flex-start;gap:7px;width:122px;padding:14px 12px}.landing-features .feature:last-child{border-right:none}.landing-features .f-icon{border-radius:9px;width:30px;height:30px}.landing-features .f-icon svg{width:16px;height:16px}.landing-features .feature h4{font-size:.75rem}.landing-features .feature p{display:none}}.operators-banner{background:#ffffff05;border-top:1px solid #ffffff0a;border-bottom:1px solid #ffffff0a;width:100%;padding:14px 0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 64px calc(100% - 64px),#0000);mask-image:linear-gradient(90deg,#0000,#000 64px calc(100% - 64px),#0000)}.operators-track{gap:16px;width:max-content;animation:30s linear infinite scrollOps;display:flex}.operators-banner:hover .operators-track{animation-play-state:paused}@keyframes scrollOps{0%{transform:translate(0)}to{transform:translate(-50%)}}.op-pill{white-space:nowrap;color:#e2e8f0;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:100px;align-items:center;gap:10px;padding:5px 18px 5px 5px;font-size:.85rem;font-weight:500;transition:background .25s,border-color .25s,transform .25s;display:inline-flex}.op-pill img{object-fit:contain;background:#fff;border-radius:100px;width:auto;max-width:64px;height:24px;padding:4px 8px}.op-pill:hover{background:#ffffff14;border-color:#fff3;transform:translateY(-2px)}.section-label-pill{color:#f36;text-transform:uppercase;letter-spacing:.05em;background:#ff33661a;border:1px solid #ff336640;border-radius:100px;align-items:center;gap:8px;margin:0 auto 18px;padding:6px 16px;font-size:.8rem;font-weight:600;display:inline-flex}.how-it-works-section{text-align:center;padding:40px 5%}.cta-badge{color:#f36;background:#ff336626;border:1px solid #ff33664d;border-radius:100px;align-items:center;gap:8px;margin-bottom:24px;padding:8px 20px;font-size:.85rem;font-weight:600;display:inline-flex}.cta-buttons{flex-wrap:wrap;justify-content:center;gap:16px;margin-top:8px;display:flex}.cta-trust{color:#64748b;flex-wrap:wrap;justify-content:center;gap:24px;margin-top:24px;font-size:.85rem;display:flex}.cta-split-card{border:1px solid #ffffff14;border-radius:24px;grid-template-columns:1fr 1fr;max-width:1100px;min-height:480px;margin:0 auto;display:grid;overflow:hidden;box-shadow:0 30px 60px #00000080}.cta-split-image{background-position:50%;background-size:cover;min-height:400px;position:relative}.cta-image-overlay{background:linear-gradient(90deg,#0000 50%,#05050a);position:absolute;inset:0}.cta-split-content{background:#05050a;flex-direction:column;justify-content:center;padding:60px 50px;display:flex}.cta-split-content h2{color:#fff;margin:18px 0 16px;font-size:2.2rem;font-weight:800;line-height:1.2}.cta-split-content p{color:#94a3b8;margin-bottom:8px;font-size:1rem;line-height:1.7}@media (width>=768px){.cta-split-content p{margin-bottom:32px}.cta-buttons{margin-top:32px}}.cta-trust span{color:#64748b;align-items:center;gap:6px;display:inline-flex}.cta-trust span svg{color:#f36}@media (width<=900px){.cta-split-card{grid-template-columns:1fr}.cta-split-image{min-height:220px}.cta-image-overlay{background:linear-gradient(#0000 40%,#05050a 100%)}.cta-split-content{padding:30px 24px}.cta-split-content h2{font-size:1.6rem}.testimonials-carousel{margin:20px 16px 0}.carousel-arrow{display:none}.premium-section-title{font-size:2.2rem}}.real-creations-section{text-align:center;padding:40px 5%}.real-creations-grid{text-align:left;grid-template-columns:1fr 1fr;gap:24px;max-width:1000px;margin:40px auto 0;display:grid}.creation-featured{cursor:pointer;border:1px solid #ffffff14;border-radius:24px;min-height:340px;transition:transform .3s;position:relative;overflow:hidden}.creation-featured:hover{transform:translateY(-4px)}.creation-featured img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.creation-featured-overlay{background:linear-gradient(#0000 0%,#05050f33 40%,#05050feb 90%);flex-direction:column;justify-content:flex-end;padding:28px;display:flex;position:absolute;inset:0}.creation-featured-overlay h4{color:#fff;margin:8px 0 0;font-size:1.5rem;font-weight:700}.creation-play-btn-lg{background:var(--gradient-primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;transition:transform .2s;display:flex;position:absolute;top:20px;right:20px;box-shadow:0 8px 20px #f366}.creation-featured:hover .creation-play-btn-lg{transform:scale(1.08)}.creation-list{flex-direction:column;gap:12px;display:flex}.creation-row{cursor:pointer;background:#ffffff08;border:1px solid #ffffff0f;border-radius:16px;align-items:center;gap:14px;padding:12px;transition:background .25s,border-color .25s;display:flex}.creation-row:hover{background:#ffffff0f;border-color:#ff336640}.creation-row-thumb{background:var(--gradient-primary);color:#fff9;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;display:flex;overflow:hidden}.creation-row-thumb img{object-fit:cover;width:100%;height:100%}.creation-row-info{flex:1;min-width:0}.creation-row-info h5{color:#fff;white-space:nowrap;text-overflow:ellipsis;margin:2px 0;font-size:.95rem;font-weight:600;overflow:hidden}.creation-row-info p{color:#94a3b8;margin:0;font-size:.78rem}.creation-row-play{width:38px;height:38px;color:var(--primary);background:#ffffff0f;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:background .2s;display:flex}.creation-row:hover .creation-row-play{background:var(--gradient-primary);color:#fff}.creation-tag{text-transform:uppercase;letter-spacing:.06em;color:var(--primary);font-size:.68rem;font-weight:700;display:inline-block}.creation-featured-overlay .creation-tag{color:#ff9db8}@media (width<=760px){.real-creations-grid{grid-template-columns:1fr}.creation-featured{min-height:260px}}.occasions-section{text-align:center;padding:40px 0}.occasion-tags-marquee{border-top:1px solid #ffffff0f;border-bottom:1px solid #ffffff0f;width:100%;padding:10px 0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 64px calc(100% - 64px),#0000);mask-image:linear-gradient(90deg,#0000,#000 64px calc(100% - 64px),#0000)}.occasion-tags-track{align-items:center;width:max-content;animation:40s linear infinite scrollOps;display:flex}.occasion-tags-marquee:hover .occasion-tags-track{animation-play-state:paused}.occasion-tag-item{align-items:center;gap:28px;padding:0 28px;display:flex}.occasion-tag-pill{color:#fff;white-space:nowrap;font-size:1.3rem;font-weight:700}.occasion-tag-dot{color:var(--primary);font-size:1.3rem}.occasion-features-strip{flex-wrap:wrap;justify-content:center;max-width:1000px;margin:32px auto 0;padding:0 5%;display:flex}.occasion-feature-item{color:#cbd5e1;border-right:1px solid #ffffff14;flex:200px;justify-content:center;align-items:center;gap:10px;padding:18px 20px;font-size:.9rem;font-weight:600;display:flex}.occasion-feature-item:last-child{border-right:none}.occasion-feature-item svg{color:var(--primary);flex-shrink:0}@media (width<=700px){.occasion-feature-item{border-bottom:1px solid #ffffff14;border-right:none;flex:45%}}.landing-section{position:relative}.landing-section.premium-payment-section{margin-top:8px}@media (width>=768px){.landing-section.premium-payment-section{margin-top:40px}}.landing-section-subtitle{color:var(--text-muted);max-width:560px;margin:0 auto 8px;font-size:1rem;line-height:1.5}.landing-pricing-section{z-index:10;text-align:center;background:radial-gradient(circle at top,#c466ff14 0%,#0000 70%);padding:80px 20px;position:relative}.pricing-cards-container{flex-wrap:wrap;justify-content:center;align-items:stretch;gap:24px 30px;max-width:1100px;margin:50px auto 0;display:flex}.pricing-card{border:1px solid var(--border-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(#ffffff08 0%,#0f0a1999 100%);border-radius:24px;flex-direction:column;width:320px;padding:40px 30px;transition:all .3s;display:flex;position:relative}.pricing-card:hover{border-color:#c466ff80;transform:translateY(-10px);box-shadow:0 10px 30px #c466ff26}.pricing-card.popular{z-index:2;background:linear-gradient(#ff33660d 0%,#0f0a19cc 100%);border:1px solid #ff336680;transform:scale(1.05)}.pricing-card.popular:hover{transform:scale(1.05)translateY(-10px);box-shadow:0 10px 40px #f363}.popular-badge{background:var(--gradient-primary);color:#fff;letter-spacing:1px;text-transform:uppercase;border-radius:20px;padding:5px 15px;font-size:12px;font-weight:700;position:absolute;top:-15px;left:50%;transform:translate(-50%)}.pricing-icon{background:#ffffff08;border-radius:16px;justify-content:center;align-items:center;width:60px;height:60px;margin-bottom:20px;transition:transform .3s;display:flex}.pricing-card:hover .pricing-icon{transform:scale(1.08)}.pricing-card h3{color:#fff;margin-bottom:10px;font-size:24px;font-weight:700}.pricing-card .price{color:#fff;margin-bottom:5px;font-size:42px;font-weight:800}.pricing-card .price span{color:#fff9;font-size:16px;font-weight:500}.pricing-card .original-price{color:#fff6;margin-bottom:20px;font-size:14px;text-decoration:line-through}.pricing-features{flex-grow:1;margin:20px 0 30px;padding:0;list-style:none}.pricing-features li{color:#fffc;align-items:center;gap:10px;margin-bottom:15px;font-size:15px;display:flex}@media (width<=1000px){.pricing-card.popular{transform:scale(1)}.pricing-card.popular:hover{transform:translateY(-10px)}}@media (width<=768px){.pricing-card{width:100%;max-width:400px}}.auth-container{background-color:var(--bg-color);isolation:isolate;flex-direction:column;min-height:100vh;padding:24px;display:flex;position:relative;overflow:hidden}.top-nav{z-index:1;margin-top:16px;margin-bottom:24px;position:relative}.auth-side{display:none}@keyframes authCardIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes authSideIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.back-btn{background:#ffffff0d;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:background .2s,transform .2s;display:flex}.back-btn:hover{background:#ffffff1a;transform:translate(-2px)}.auth-header{flex-direction:column;align-items:center;margin-bottom:32px;display:flex}.auth-content{flex-direction:column;flex:1;width:100%;max-width:400px;margin:0 auto;display:flex}.page-title{text-align:center;margin-bottom:0;font-size:24px;font-weight:700}.page-subtitle{color:var(--text-muted);text-align:center;margin-bottom:16px;font-size:14px}.auth-icon-badge{width:40px;height:40px;color:var(--primary);background:#ff33661f;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;margin:0 auto 10px;display:flex}.auth-title-row{flex-direction:column;align-items:center;gap:6px;margin-bottom:4px;display:flex}.auth-title-row .page-title{margin-bottom:0}.auth-eyebrow{text-transform:uppercase;letter-spacing:.08em;color:var(--primary);background:#ff33661a;border:1px solid #ff33664d;border-radius:100px;align-items:center;padding:4px 10px;font-size:.7rem;font-weight:700;display:inline-flex}@media (width>=1024px){.auth-container{justify-content:center;align-items:center;padding:0 0 0 52%}.auth-container:before{content:"";z-index:0;border-right:1px solid var(--border-color);background-color:#0000;background-image:linear-gradient(#0b09148c 0%,#0b0914b3 55%,#0b0914f0 100%),radial-gradient(circle at 22% 24%,#ff336659,#0000 45%),radial-gradient(circle at 78% 30%,#9933ff59,#0000 50%),url(/images/hero_slide_2_1782998486651.png);background-position:50%;background-repeat:repeat,repeat,repeat,repeat;background-size:cover;background-attachment:scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box;width:52%;position:absolute;inset:0}.top-nav,.auth-header{display:none}.auth-side{z-index:1;flex-direction:column;justify-content:space-between;width:52%;padding:48px;display:flex;position:absolute;inset:0}.auth-side-top{flex-direction:column;gap:48px;display:flex}.auth-side-back{color:var(--text-muted);align-self:flex-start;align-items:center;gap:8px;font-size:14px;font-weight:600;transition:color .2s;display:inline-flex}.auth-side-back:hover{color:#fff}.auth-logo{font-family:var(--font-display);letter-spacing:-.02em;color:#fff;align-items:center;gap:10px;font-size:19px;font-weight:700;display:flex}.auth-logo .amp{color:var(--primary)}.auth-logo-mark{background:var(--gradient-primary);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.auth-side-content{max-width:420px}.auth-side-content .auth-eyebrow{text-align:left;opacity:0;animation:.5s ease-out .15s forwards authSideIn}.auth-side-title{letter-spacing:-.02em;color:#fff;opacity:0;margin-bottom:24px;font-size:2rem;font-weight:800;line-height:1.25;animation:.5s ease-out .25s forwards authSideIn}.auth-side-checklist{flex-direction:column;gap:12px;list-style:none;display:flex}.auth-side-checklist li{color:var(--text-muted);opacity:0;align-items:center;gap:10px;font-size:14px;animation:.5s ease-out forwards authSideIn;display:flex}.auth-side-checklist li:first-child{animation-delay:.35s}.auth-side-checklist li:nth-child(2){animation-delay:.43s}.auth-side-checklist li:nth-child(3){animation-delay:.51s}.auth-side-checklist svg{color:var(--primary);flex-shrink:0}.auth-content{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);flex:none;justify-content:center;width:100%;max-width:460px;max-height:calc(100vh - 32px);margin-top:16px;margin-bottom:16px;padding:28px 56px;animation:.5s ease-out authCardIn;overflow-y:auto;box-shadow:0 24px 60px #00000059}.auth-content .auth-icon-badge{margin:0 0 10px}.auth-content .auth-title-row{align-items:flex-start}.auth-content .page-title,.auth-content .page-subtitle{text-align:left}}.social-buttons{flex-direction:column;gap:12px;margin-bottom:14px;display:flex}.btn-social{border-radius:var(--radius-lg);justify-content:center;align-items:center;gap:12px;padding:13px;font-size:15px;font-weight:600;transition:transform .2s,box-shadow .2s,filter .2s;display:flex}.btn-social.google{color:#333;background:#fff;box-shadow:0 2px 10px #00000026}.btn-social.google:hover{transform:translateY(-1px);box-shadow:0 6px 16px #00000040}.btn-social.apple{color:#fff;background:#000;border:1px solid #333}.btn-social.facebook{color:#fff;background:#1877f2}.social-icon{width:20px;height:20px}.divider{text-align:center;color:var(--text-muted);align-items:center;margin-bottom:14px;font-size:14px;display:flex}.divider:before,.divider:after{content:"";border-bottom:1px solid #ffffff1a;flex:1}.divider span{padding:0 16px}.auth-form{flex-direction:column;gap:10px;display:flex}.input-group{align-items:center;display:flex;position:relative}.input-icon{color:var(--primary);position:absolute;left:16px}.input-group input{background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-lg);color:#fff;width:100%;padding:13px 16px 13px 48px;font-size:15px;transition:border-color .2s,box-shadow .2s}.input-group input:focus{border-color:var(--border-active);box-shadow:0 0 0 4px #ff33661f}.input-action{color:var(--text-muted);position:absolute;right:16px}.input-action:hover{color:#fff}.forgot-password{text-align:right;font-size:13px}.forgot-password a{color:var(--secondary)}.full-width{width:100%;margin-top:8px}.auth-footer{text-align:center;margin-top:8px;padding:8px 0;font-size:14px}.terms-checkbox{color:var(--text-muted);align-items:flex-start;gap:12px;margin-top:2px;font-size:13px;display:flex}.terms-checkbox input[type=checkbox]{width:18px;height:18px;accent-color:var(--primary);margin-top:4px}.terms-checkbox a{color:var(--primary);text-decoration:underline}.password-hint{color:var(--text-muted);margin-top:2px;font-size:12px;line-height:1.3}.disclaimer{color:var(--text-muted);text-align:center;margin-top:6px;font-size:11px;line-height:1.3}select{background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-lg);color:#fff;appearance:none;width:100%;padding:16px 48px;font-size:15px}.phone-row{gap:8px;display:flex}.phone-row .input-group{flex:1}.country-select{background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-lg);color:#fff;appearance:none;flex-shrink:0;width:auto;max-width:110px;padding:13px 10px;font-size:15px;transition:border-color .2s,box-shadow .2s}.country-select:focus{border-color:var(--border-active);box-shadow:0 0 0 4px #ff33661f}.btn-primary{background:var(--gradient-primary);color:#fff;border-radius:var(--radius-lg);cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;padding:16px 24px;font-size:16px;font-weight:600;transition:all .2s;display:flex;box-shadow:0 4px 15px #ff33664d}.btn-primary:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 6px 20px #ff336680}.btn-primary:active:not(:disabled){transform:translateY(2px)scale(.98);box-shadow:0 2px 10px #f366}.btn-primary:disabled{color:#888;cursor:not-allowed;box-shadow:none;background:#333;transform:none}.home-container{background-color:var(--bg-color);flex-direction:column;min-height:100vh;padding-bottom:70px;display:flex}.home-header{background:linear-gradient(#ff33661a 0%,#0a091500 100%);padding:24px}.header-top{align-items:flex-start;gap:16px;display:flex}.soundwave-icon.small{height:24px}.soundwave-icon.small .bar1{height:10px}.soundwave-icon.small .bar2{height:20px}.soundwave-icon.small .bar3{height:24px}.soundwave-icon.small .bar4{height:14px}.soundwave-icon.small .bar5{height:8px}.user-greeting{flex:1}.user-greeting p{color:var(--text-muted);margin-bottom:4px;font-size:13px}.user-greeting h2{font-size:20px;font-weight:700;line-height:1.2}.header-actions{align-items:center;gap:12px;display:flex}.icon-btn{background:#ffffff0d;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;display:flex;position:relative}.notification-dot{background-color:var(--primary);border-radius:50%;width:6px;height:6px;position:absolute;top:8px;right:10px}.points-badge{background:#ffb8001a;border-radius:20px;align-items:center;gap:4px;padding:6px 12px;font-size:14px;font-weight:600;display:flex}.home-content{width:100%}.prompt-section{border-radius:var(--radius-xl);margin-bottom:32px;padding:20px}.prompt-header{color:var(--primary);align-items:center;gap:8px;margin-bottom:12px;font-size:14px;font-weight:500;display:flex}.prompt-section textarea{color:#fff;resize:none;background:0 0;border:none;width:100%;font-size:15px}.prompt-section textarea::placeholder{color:var(--text-placeholder)}.prompt-section textarea:focus{outline:none}.prompt-send-btn{color:#fff;border-radius:var(--radius-full);cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#f36 0%,#93f 100%);border:none;flex-shrink:0;align-items:center;gap:5px;margin-left:auto;padding:8px 14px;font-size:12px;font-weight:700;transition:transform .2s;display:flex;box-shadow:0 6px 18px #ff33664d}.btn-secondary.small{border-radius:var(--radius-full);align-items:center;gap:8px;padding:8px 16px;font-size:13px;display:flex}.btn-primary-gradient{background:var(--gradient-primary);color:#fff;border-radius:var(--radius-full);align-items:center;gap:8px;padding:8px 24px;font-size:14px;font-weight:600;display:flex}.section-block{margin-bottom:32px}.section-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.section-header h3{font-size:18px;font-weight:600}.link-secondary{color:var(--secondary);font-size:13px}.horizontal-scroll{scrollbar-width:none;align-items:flex-start;gap:16px;padding-bottom:8px;display:flex;overflow-x:auto}.horizontal-scroll::-webkit-scrollbar{display:none}.genre-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:18px;flex-direction:column;align-items:center;gap:10px;min-width:92px;padding:16px 10px;transition:transform .2s,border-color .2s;display:flex}.genre-card:hover{border-color:#fff3;transform:translateY(-4px)}.genre-icon{border-radius:15px;justify-content:center;align-items:center;width:52px;height:52px;transition:transform .2s;display:flex}.genre-card:hover .genre-icon{transform:scale(1.08)}.genre-icon.orange{color:#f90;background:#ff990026;box-shadow:0 0 6px #ff99001f}.genre-icon.blue{color:#09f;background:#0099ff26;box-shadow:0 0 6px #0099ff1f}.genre-icon.purple{color:#93f;background:#9933ff26;box-shadow:0 0 6px #9933ff1f}.genre-icon.pink{color:#f36;background:#ff336626;box-shadow:0 0 6px #ff33661f}.genre-icon.red{color:#ff3d5a;background:#ff3d5a26;box-shadow:0 0 6px #ff3d5a1f}@media (width<=767px){.genre-icon.orange,.genre-icon.blue,.genre-icon.purple,.genre-icon.pink,.genre-icon.red{box-shadow:none}}.genre-card span{color:#fff;font-size:13px;font-weight:600}.trend-card{min-width:140px}.trend-player-card{background:var(--bg-card,#151322);border:1px solid var(--border-color,#ffffff14);border-radius:20px;flex-direction:column;gap:12px;min-width:260px;max-width:260px;padding:14px;transition:border-color .2s;display:flex}.trend-player-card.active{border-color:#f366}.trend-player-header{align-items:center;gap:10px;display:flex}.trend-player-avatar{border-radius:50%;flex-shrink:0;width:36px;height:36px;overflow:hidden}.trend-player-avatar img{object-fit:cover;width:100%;height:100%}.trend-player-meta{flex:1;min-width:0}.trend-player-meta h4{white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.trend-player-meta p{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.trend-player-icon-btn{width:28px;height:28px;color:var(--text-muted);background:#ffffff0d;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:color .2s,background .2s;display:flex}.trend-player-icon-btn:hover{color:#fff;background:#ffffff1a}.trend-player-cover{border-radius:16px;width:100%;height:180px;position:relative;overflow:hidden}.trend-player-img{object-fit:cover;width:100%;height:100%}.trend-player-progress-overlay{background:linear-gradient(#0000,#000000bf);padding:10px 12px 12px;position:absolute;bottom:0;left:0;right:0}.trend-player-progress-track{background:#ffffff4d;border-radius:2px;width:100%;height:3px;margin-bottom:6px;overflow:hidden}.trend-player-progress-fill{background:#fff;border-radius:2px;height:100%;transition:width .2s linear}.trend-player-times{color:#ffffffe6;justify-content:space-between;font-size:11px;display:flex}.trend-player-controls{justify-content:center;align-items:center;gap:20px;display:flex}.trend-player-control-btn{color:var(--text-muted);justify-content:center;align-items:center;transition:color .2s,transform .2s;display:flex}.trend-player-control-btn:hover{color:#fff}.trend-player-control-btn.play{color:#fff;background:linear-gradient(135deg,#f36 0%,#93f 100%);border-radius:50%;width:44px;height:44px}.trend-player-control-btn.play:hover{transform:scale(1.05)}.trend-img-container{border-radius:var(--radius-lg);width:140px;height:140px;margin-bottom:12px;position:relative;overflow:hidden}.trend-img{object-fit:cover;width:100%;height:100%}.play-btn{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:flex;position:absolute;bottom:8px;left:8px}.play-btn.small{width:24px;height:24px;bottom:50%;left:50%;transform:translate(-50%,50%)}.trend-info h4{white-space:nowrap;text-overflow:ellipsis;margin-bottom:2px;font-size:14px;font-weight:600;overflow:hidden}.trend-info p{color:var(--text-muted);margin-bottom:4px;font-size:11px}.trend-plays{color:var(--primary);align-items:center;gap:4px;font-size:11px;display:flex}.vertical-list{flex-direction:column;gap:16px;display:flex}.creation-item{background:var(--bg-card);border-radius:var(--radius-lg);align-items:center;gap:12px;padding:12px;display:flex}.creation-img-container{border-radius:var(--radius-md);flex-shrink:0;width:56px;height:56px;position:relative;overflow:hidden}.creation-img-container img{object-fit:cover;width:100%;height:100%}.creation-info{flex:1}.creation-info h4{align-items:center;gap:8px;margin-bottom:4px;font-size:15px;font-weight:600;display:flex}.badge{color:var(--primary);background:#f363;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:600}.creation-info p{color:var(--text-muted);font-size:12px}.creation-actions{align-items:center;gap:8px;display:flex}.btn-share{background:#ffffff0d;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.bottom-nav{-webkit-backdrop-filter:blur(10px);border-top:1px solid var(--border-color);z-index:10;background:#0a0915e6;justify-content:space-around;align-items:center;width:100%;max-width:100%;height:70px;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.nav-item{color:var(--text-muted);flex-direction:column;align-items:center;gap:4px;transition:color .2s;display:flex}.nav-item.active{color:var(--primary)}.nav-icon{justify-content:center;align-items:center;display:flex}.nav-item span{font-size:10px;font-weight:500}.hero-banner-new{background:#110e1a;border:1px solid #ff33664d;border-radius:24px;justify-content:space-between;align-items:center;margin-bottom:32px;padding:40px;display:flex;position:relative;overflow:hidden}.hero-banner-new:before{content:"";z-index:0;pointer-events:none;background:radial-gradient(circle at 70%,#9933ff26,#0000 50%);width:200%;height:200%;position:absolute;top:-50%;left:-50%}.hero-content{z-index:1;max-width:640px;position:relative}.hero-content h2{white-space:nowrap}.hero-greeting{text-transform:uppercase;letter-spacing:.08em;color:#f36;margin-bottom:10px;font-size:.75rem;font-weight:700;display:inline-block}.hero-content h2{background:linear-gradient(135deg,#f36 0%,#93f 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:24px;font-size:32px;font-weight:700}.hero-content p{color:#c4c4d4;margin-bottom:24px;font-size:16px;line-height:1.5}.hero-actions{gap:16px;display:flex}.hero-cta-card{cursor:pointer;text-align:left;background:linear-gradient(135deg,#f36 0%,#93f 100%);border:none;border-radius:20px;align-items:center;gap:20px;width:100%;padding:26px 30px;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 10px 30px #ff336640}.hero-cta-card:hover{transform:translateY(-2px);box-shadow:0 14px 36px #ff336659}.hero-cta-icon{color:#fff;background:#ffffff2e;border-radius:15px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.hero-cta-text{flex-direction:column;flex:1;display:flex}.hero-cta-text strong{color:#fff;font-size:20px;font-weight:700}.hero-cta-text small{color:#ffffffd9;margin-top:4px;font-size:14px}.hero-cta-arrow{color:#fff;flex-shrink:0}.hero-explore-link{color:var(--text-muted);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;margin-top:16px;font-size:14px;transition:color .2s;display:inline-flex}.hero-explore-link:hover{color:#fff}.btn-outline{color:#fff;background:0 0;border:1px solid #fff3;border-radius:9999px;align-items:center;gap:8px;padding:10px 24px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.btn-outline:hover{background:#ffffff0d;border-color:#fff6}.hero-graphic{z-index:1;justify-content:center;align-items:center;display:flex;position:relative}.neon-note{color:#f36;filter:drop-shadow(0 0 20px #f369)drop-shadow(0 0 40px #93f6);animation:3s infinite alternate pulseNeon}@keyframes pulseNeon{0%{filter:drop-shadow(0 0 20px #f369)drop-shadow(0 0 40px #93f6);transform:scale(1)}to{filter:drop-shadow(0 0 30px #f36c)drop-shadow(0 0 60px #93f9);transform:scale(1.05)}}.user-greeting-global{margin-bottom:24px;padding:0 20px}@media (width>=1024px){.user-greeting-global{padding:0}}.user-greeting-global h2{color:#fff;margin-bottom:8px;font-size:28px;font-weight:700}.user-greeting-global p{color:var(--text-muted);font-size:16px}@media (width<=767px){.hero-banner-new{text-align:center;flex-direction:column;padding:24px}.hero-content{max-width:100%;margin-bottom:24px}.hero-actions{flex-direction:column}.hero-content h2{font-size:24px}}.promo-banner{border:1px solid var(--primary-color);cursor:pointer;background:linear-gradient(45deg,#ff33661a,#9933ff1a);border-radius:16px;align-items:center;gap:15px;margin:0 20px 20px;padding:15px 20px;display:flex}.promo-banner-content{flex:1}.promo-banner h3{color:#fff;align-items:center;gap:8px;margin:0 0 5px;font-size:1.1rem;display:flex}.promo-banner p{color:#fffc;margin:0;font-size:.9rem}.promo-banner-time{font-weight:700;color:var(--primary-color)!important;margin:5px 0 0!important;font-size:.85rem!important}@media (width<=480px){.promo-banner{text-align:left;flex-direction:column;align-items:flex-start;gap:12px}.promo-banner .btn-primary-gradient{text-align:center;width:100%}}.trust-section{background:#ffffff08;border:1px solid #ffffff12;border-radius:20px;padding:28px 20px}.trust-section h3{color:#fff;font-size:18px;font-weight:700}.trust-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.trust-item{background:#ffffff0a;border-radius:14px;align-items:center;gap:14px;padding:14px;display:flex}.trust-icon{background:#ffffff0f;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.trust-text{flex-direction:column;gap:3px;display:flex}.trust-text strong{color:#fff;font-size:13px;font-weight:700}.trust-text span{color:var(--text-secondary);font-size:11px}@media (width<=480px){.trust-grid{grid-template-columns:1fr}}.create-container{background-color:var(--bg-color);flex-direction:column;min-height:100vh;padding-bottom:90px;display:flex}.create-header{padding:24px}.title-section h1{margin-bottom:4px;font-size:32px;font-weight:800}.subtitle{color:var(--text-muted);margin-bottom:20px;font-size:14px}.flex-title{align-items:center;gap:8px;font-size:16px;font-weight:600;display:flex}.create-content{width:100%}.prompt-large-card{background:var(--bg-card);border-radius:var(--radius-xl);border:1px solid var(--border-color);margin-bottom:32px;padding:20px}.create-content .section-block{margin-bottom:8px}.prompt-header-title{align-items:center;gap:8px;margin-bottom:14px;display:flex}.prompt-header-title h3{color:var(--primary);font-size:16px;font-weight:600}.prompt-description{color:var(--text-muted);margin-bottom:16px;font-size:12px;line-height:1.4}.prompt-input-shell{border:1px solid var(--border-color);border-radius:var(--radius-xl);background:#0003;padding:14px 16px 12px;transition:border-color .2s}.prompt-input-shell:focus-within{border-color:var(--border-active)}.prompt-input-shell textarea{color:#fff;resize:none;background:0 0;border:none;width:100%;font-size:14px;line-height:1.5}.prompt-input-shell textarea:focus{outline:none}.prompt-input-shell textarea::placeholder{color:var(--text-placeholder)}.prompt-input-footer{border-top:1px solid #ffffff0f;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-top:10px;padding-top:10px;display:flex}.prompt-chip-btn{color:var(--primary);border-radius:var(--radius-full);cursor:pointer;white-space:nowrap;background:#ff33661a;border:none;flex-shrink:0;align-items:center;gap:4px;padding:6px 10px;font-size:11px;font-weight:700;transition:background .2s;display:flex}.prompt-chip-btn:hover{background:#ff33662e}.prompt-input-footer-right{align-items:center;gap:8px;margin-left:auto;display:flex}.prompt-send-btn{color:#fff;border-radius:var(--radius-full);cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#f36 0%,#93f 100%);border:none;flex-shrink:0;align-items:center;gap:5px;padding:8px 14px;font-size:12px;font-weight:700;transition:transform .2s;display:flex;box-shadow:0 6px 18px #ff33664d}.prompt-send-btn:hover{transform:translateY(-1px)}.char-count{color:var(--text-muted);flex-shrink:0;font-size:11px}.btn-secondary-outline{color:#fff;border-radius:var(--radius-full);background:#ffffff0d;border:1px solid #ffffff1a;align-items:center;gap:8px;padding:10px 16px;font-size:13px;display:flex}.selectable-card{border-radius:var(--radius-lg);cursor:pointer;text-align:center;border:1px solid #0000;flex-direction:column;align-items:center;gap:8px;min-width:92px;padding:14px;transition:all .2s;display:flex;position:relative}.selectable-card span{justify-content:center;align-items:flex-start;max-width:84px;min-height:2.8em;display:flex}.selectable-card.selected{background:#ff33660d}.check-badge{background:var(--primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;display:flex;position:absolute;top:4px;right:4px}.options-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.option-select{background:var(--bg-card);border-radius:var(--radius-md);align-items:center;gap:8px;padding:12px;display:flex}.opt-icon{flex-shrink:0}.opt-details{flex-direction:column;flex:1;display:flex}.opt-label{color:var(--text-muted);margin-bottom:2px;font-size:11px}.option-select select{color:#fff;background:0 0;border:none;width:100%;padding:0;font-size:13px;font-weight:500}.generate-footer-action{flex-direction:column;align-items:center;gap:12px;margin-top:40px;display:flex}.generate-cta-btn{border-radius:var(--radius-full);color:#fff;cursor:pointer;background:linear-gradient(135deg,#f36 0%,#93f 100%);border:none;justify-content:center;align-items:center;gap:8px;width:100%;padding:18px 24px;font-size:16px;font-weight:700;transition:transform .2s,box-shadow .2s;display:flex;position:relative;box-shadow:0 10px 30px #ff33664d}.generate-cta-btn:hover{transform:translateY(-2px);box-shadow:0 14px 36px #f366}.generate-cta-btn .cost-badge{opacity:.85;align-items:center;gap:2px;font-size:12px;font-weight:700;display:inline-flex}.generate-cta-btn:hover .generate-cta-arrow{background:#ffffff52;transform:translateY(-50%)translate(2px)}.cost-estimate{color:var(--primary);align-items:center;gap:6px;font-size:13px;font-weight:500;display:flex}.credits-container{background-color:var(--bg-color);flex-direction:column;min-height:100vh;padding-bottom:90px;display:flex}.credits-content{padding:0 24px}.balance-card{border-radius:var(--radius-xl);border:1px solid var(--border-color);justify-content:space-between;margin-bottom:32px;padding:24px;display:flex;position:relative;overflow:hidden}.balance-info{z-index:1}.balance-label{color:var(--text-main);margin-bottom:8px;font-size:13px}.balance-amount{align-items:center;gap:8px;margin-bottom:8px;display:flex}.balance-amount h2{font-size:36px;font-weight:800;line-height:1}.balance-amount span{color:var(--text-muted);align-self:flex-end;margin-bottom:4px;font-size:14px}.balance-estimate{color:var(--text-muted);align-items:center;gap:4px;font-size:12px;display:flex}.battery-graphic{z-index:0;position:absolute;top:16px;right:24px}.battery-body{border:2px solid var(--primary);background:#ff33661a;border-radius:8px;justify-content:center;align-items:center;width:50px;height:80px;display:flex;position:relative;box-shadow:0 0 20px #f366,inset 0 0 10px #f363}.battery-cap{background:var(--primary);border-top-left-radius:4px;border-top-right-radius:4px;width:24px;height:6px;position:absolute;top:-6px;left:50%;transform:translate(-50%)}.battery-fill{background:linear-gradient(180deg, var(--primary) 0%, var(--secondary) 100%);opacity:.9;border-radius:6px;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.battery-zap{filter:drop-shadow(0 0 5px #fffc)}.progress-container{z-index:1;position:absolute;bottom:24px;left:24px;right:24px}.progress-bar{background:#ffffff1a;border-radius:2px;height:4px;margin-bottom:8px}.progress-fill{background:var(--gradient-primary);border-radius:2px;height:100%}.progress-labels{color:var(--text-muted);justify-content:space-between;font-size:10px;display:flex}.section-title{margin-bottom:16px;font-size:16px;font-weight:600}.how-it-works-grid{grid-template-columns:1fr 1fr 1fr;gap:12px;display:grid}.info-card{text-align:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:linear-gradient(#ffffff0b 0%,#ffffff04 100%);border:1px solid #ffffff14;border-radius:14px;flex-direction:column;align-items:center;gap:6px;padding:12px 8px;transition:transform .2s,border-color .2s,box-shadow .2s;display:flex}.info-card:hover{border-color:#ffffff2e;transform:translateY(-3px);box-shadow:0 10px 24px #0000004d}.info-icon{border-radius:9px;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.info-icon.pink{color:var(--primary);background:#ff336626;box-shadow:0 0 14px #ff336640}.info-icon.purple{color:#93f;background:#9933ff26;box-shadow:0 0 14px #9933ff40}.info-icon.blue{color:#09f;background:#0099ff26;box-shadow:0 0 14px #0099ff40}.info-card h4{color:#fff;font-size:12px;font-weight:700}.info-card p{color:var(--text-muted);font-size:10.5px;line-height:1.4}.packages-list{flex-direction:column;gap:12px;display:flex}.package-card{background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid #0000;align-items:center;gap:16px;padding:16px;display:flex;position:relative}.package-card.popular{border-color:var(--primary);box-shadow:0 0 15px #ff33661a}.package-badge{background:var(--primary);color:#fff;border-radius:12px;padding:2px 8px;font-size:10px;font-weight:600;position:absolute;top:-10px;left:16px}.package-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.package-icon.pink{background:#ff33661a}.package-icon.purple{background:#9933ff1a}.package-icon.orange{background:#ff6b001a}.package-icon.small{border-radius:8px;width:32px;height:32px}.package-details{flex:1}.package-title-row{align-items:center;gap:8px;display:flex}.package-details h4{margin-bottom:2px;font-size:15px;font-weight:600}.package-details p{color:#ffffffbf;margin-top:4px;font-size:12px;line-height:1.4}.package-discount{color:#93f;background:#93f3;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:600}.package-discount.orange{color:#ff6b00;background:#ff6b0033}.package-price-container{flex-direction:column;justify-content:center;align-items:flex-end;display:flex}.package-price-original{color:var(--text-secondary);margin-bottom:-2px;font-size:11px;text-decoration:line-through}.package-price{white-space:nowrap;font-size:14px;font-weight:600}.btn-buy{color:#fff;background:#ffffff0d;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;transition:transform .2s,box-shadow .2s;display:flex}.btn-buy.primary{background:var(--gradient-primary);box-shadow:0 6px 18px #f366}.btn-buy.primary:hover{transform:scale(1.06);box-shadow:0 8px 22px #ff33668c}.secure-payment{color:var(--text-muted);justify-content:center;align-items:center;gap:6px;margin-top:16px;font-size:11px;display:flex}.transactions-list{flex-direction:column;gap:12px;display:flex}.transaction-item{border-bottom:1px solid #ffffff0d;align-items:center;gap:12px;padding:12px 0;display:flex}.transaction-item:last-child{border-bottom:none}.transaction-details{flex:1}.transaction-details h4{margin-bottom:2px;font-size:14px;font-weight:500}.transaction-details p{color:var(--text-muted);font-size:11px}.transaction-amount{text-align:right;flex-direction:column;display:flex}.amount-plus{color:var(--primary);font-size:14px;font-weight:600}.amount-price{color:var(--text-muted);font-size:11px}.profile-container{background-color:var(--bg-color);flex-direction:column;min-height:100vh;padding-bottom:90px;display:flex}.profile-content{width:100%}.profile-header-info{align-items:center;gap:20px;margin-top:10px;margin-bottom:24px;display:flex}.avatar-container{flex-shrink:0;position:relative}.avatar-glow-ring{background:linear-gradient(135deg, var(--primary), var(--secondary));border-radius:50%;width:90px;height:90px;padding:3px;box-shadow:0 0 20px #f366}.profile-avatar{object-fit:cover;border:2px solid var(--bg-color);border-radius:50%;width:100%;height:100%}.btn-camera-badge{background:var(--bg-card);border:2px solid var(--bg-color);width:28px;height:28px;color:var(--text-muted);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;bottom:0;right:0}.user-details{flex-direction:column;gap:4px;display:flex}.user-name-row{align-items:center;gap:6px;display:flex}.user-name-row h2{font-size:24px;font-weight:800}.verified-badge{background:#fff;border-radius:50%}.user-handle{color:var(--text-muted);font-size:13px}.user-bio{align-items:center;gap:4px;margin-top:4px;font-size:13px;display:flex}.inline-icon{color:#93f}.user-join-date{color:var(--text-muted);align-items:center;gap:6px;margin-top:8px;font-size:11px;display:flex}.btn-edit-profile{background:var(--bg-card);border-radius:var(--radius-lg);color:#fff;border:1px solid #ffffff0d;justify-content:center;align-items:center;gap:8px;width:100%;margin-bottom:24px;padding:14px;font-size:14px;font-weight:500;display:flex}.stats-grid{background:var(--bg-card);border-radius:var(--radius-xl);grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:24px;padding:20px 16px;display:grid}.stat-card{text-align:center;flex-direction:column;align-items:center;display:flex}.stat-icon{margin-bottom:8px}.stat-card h3{margin-bottom:2px;font-size:18px;font-weight:800}.stat-card p{color:var(--text-muted);font-size:11px}.premium-banner{background:var(--bg-card);border-radius:var(--radius-xl);border:1px solid #f363;align-items:center;gap:16px;margin-bottom:24px;padding:20px;display:flex;box-shadow:0 0 20px #ff33660d}.premium-icon-glow{filter:drop-shadow(0 0 10px #f369)}.premium-text{flex:1}.premium-text h4{margin-bottom:4px;font-size:15px;font-weight:600}.premium-text p{color:var(--text-muted);font-size:11px;line-height:1.4}.btn-premium-action{background:var(--gradient-primary);color:#fff;border-radius:var(--radius-full);white-space:nowrap;padding:8px 16px;font-size:12px;font-weight:600}.settings-menu{background:var(--bg-card);border-radius:var(--radius-xl);flex-direction:column;margin-bottom:24px;display:flex}.menu-item{color:#fff;border-bottom:1px solid #ffffff0d;align-items:center;padding:16px 20px;text-decoration:none;display:flex}.menu-item:last-child{border-bottom:none}.menu-icon{color:var(--text-muted);margin-right:16px}.menu-item:first-child .menu-icon{color:var(--primary)}.menu-label{flex:1;font-size:14px}.premium-badge-small{color:var(--primary);border-radius:var(--radius-full);background:#ff33661a;align-items:center;gap:4px;margin-right:12px;padding:4px 8px;font-size:10px;font-weight:600;display:flex}.menu-chevron{color:var(--text-muted);font-size:20px}.btn-logout{width:100%;color:var(--primary);border-radius:var(--radius-lg);background:0 0;border:1px solid #ff33664d;justify-content:center;align-items:center;gap:8px;padding:16px;font-size:14px;font-weight:600;display:flex}.skeleton{background:#ffffff0d;border-radius:8px;position:relative;overflow:hidden}.skeleton:after{content:"";background:linear-gradient(90deg,#fff0 0%,#ffffff0d 50%,#fff0 100%);width:100%;height:100%;animation:1.5s ease-in-out infinite pulse;position:absolute;top:0;left:0;transform:translate(-100%)}@keyframes pulse{0%{box-shadow:0 0 #10b98166}70%{box-shadow:0 0 0 6px #10b98100}to{box-shadow:0 0 #10b98100}}.skeleton-text{border-radius:4px;height:14px;margin-bottom:8px}.skeleton-title{width:70%;height:18px}.skeleton-subtitle{width:40%;height:12px}.skeleton-circle{border-radius:50%;flex-shrink:0;width:48px;height:48px}.skeleton-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);flex-direction:column;gap:12px;padding:12px;display:flex}.skeleton-card .skeleton-img{aspect-ratio:1;border-radius:var(--radius-md);background:#ffffff0d;width:100%}.skeleton-list{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);align-items:center;gap:16px;padding:12px;display:flex}.skeleton-content{flex-direction:column;flex:1;justify-content:center;display:flex}.explore-container{background-color:var(--bg-color);flex-direction:column;min-height:100vh;padding-bottom:90px;display:flex}.explore-content{width:100%}.btn-add-circle{background:var(--gradient-primary);color:#fff;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:flex;box-shadow:0 0 10px #f366}.filter-pills{gap:12px;margin-bottom:8px;padding:16px 0;display:flex}.filter-pill{color:var(--text-muted);border-radius:var(--radius-full);white-space:nowrap;background:0 0;border:1px solid #ffffff1a;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:500;display:flex}.filter-pill.active{color:#93f;background:#9933ff26;border-color:#93f}.sort-view-controls{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.btn-sort{color:#fff;background:0 0;border:none;align-items:center;gap:6px;font-size:14px;font-weight:500;display:flex}.view-toggles{border-radius:var(--radius-md);background:#ffffff0d;gap:8px;padding:4px;display:flex}.view-btn{color:var(--text-muted);background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;display:flex}.view-btn.active{color:var(--primary);background:#ff336626}.songs-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px;margin-bottom:32px;display:grid}@media (width>=768px){.songs-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:24px}}.song-grid-card{background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid #ffffff08;flex-direction:column;gap:8px;padding:8px;display:flex}.song-image-wrapper{aspect-ratio:1;border-radius:var(--radius-md);width:100%;position:relative;overflow:hidden}.song-image-wrapper img{object-fit:cover;width:100%;height:100%}.badge-new{color:#fff;background:#93fc;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:600;position:absolute;top:8px;right:8px}.song-image-overlay{justify-content:space-between;align-items:center;display:flex;position:absolute;bottom:8px;left:8px;right:8px}.play-circle-btn,.heart-circle-btn{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.play-circle-btn{color:#000;background:#fff}.play-circle-btn svg{fill:#000;margin-left:2px}.song-card-info{justify-content:space-between;align-items:flex-start;padding:0 4px;display:flex}.song-card-text{flex:1;overflow:hidden}.song-card-text h4{white-space:nowrap;text-overflow:ellipsis;margin-bottom:2px;font-size:13px;font-weight:600;overflow:hidden}.song-card-text p{color:var(--text-muted);font-size:11px}.more-btn{color:var(--text-muted);background:0 0;border:none;align-items:center;padding:0;display:flex}.playlists-section{margin-bottom:24px}.playlists-list{grid-template-columns:1fr;gap:16px;display:grid}@media (width>=768px){.playlists-list{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}.playlist-item{background:var(--bg-card);border-radius:var(--radius-lg);align-items:center;gap:16px;padding:12px;display:flex}.playlist-icon-box{background:#0003;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.playlist-icon-box.neon-pink{border:1px solid #ff33664d;box-shadow:0 0 15px #ff33661a}.playlist-icon-box.neon-orange{border:1px solid #ff6b004d;box-shadow:0 0 15px #ff6b001a}.playlist-icon-box.neon-blue{border:1px solid #0099ff4d;box-shadow:0 0 15px #0099ff1a}.playlist-info{flex:1}.playlist-info h4{margin-bottom:4px;font-size:15px;font-weight:500}.playlist-info p{color:var(--text-muted);font-size:12px}.chevron-right{color:var(--text-muted)}.generating-container{background-color:var(--bg-color);flex-direction:column;padding-bottom:90px;display:flex}.generating-content{padding:0 24px}.stepper-container{border-radius:var(--radius-xl);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(#ffffff0b 0%,#ffffff04 100%);border:1px solid #ffffff14;margin:16px 0 24px;padding:26px 22px 20px;position:relative}.stepper-line{z-index:0;background:#ffffff0f;border-radius:3px;height:4px;position:absolute;top:40px;left:calc(12.5% + 16.5px);right:calc(12.5% + 16.5px);overflow:hidden}.stepper-line-fill{background:linear-gradient(90deg,#f36,#93f);border-radius:3px;height:100%;transition:width .4s;position:relative;overflow:hidden;box-shadow:0 0 10px #ff336680}.stepper-line-fill:after{content:"";background:linear-gradient(90deg,#0000,#ffffffb3,#0000);width:50%;animation:1.8s linear infinite shimmerSweep;position:absolute;inset:0}@keyframes shimmerSweep{0%{transform:translate(-140%)}to{transform:translate(240%)}}.stepper-steps{z-index:1;justify-content:space-between;display:flex;position:relative}.step{flex-direction:column;flex:1 1 0;align-items:center;gap:12px;min-width:0;display:flex}.step span{color:var(--text-muted);text-transform:uppercase;letter-spacing:.02em;white-space:nowrap;border-radius:100px;padding:3px 7px;font-size:9px;font-weight:700;transition:all .3s}.step-icon{width:36px;height:36px;color:var(--text-muted);opacity:.55;background:#ffffff08;border:2px dashed #ffffff26;border-radius:50%;justify-content:center;align-items:center;transition:all .3s;display:flex}.step.completed .step-icon{color:#fff;opacity:1;background:linear-gradient(135deg,#93f 0%,#7a29cc 100%);border-style:solid;border-color:#0000;box-shadow:0 4px 16px #9933ff73}.step.completed span{color:#c466ff}.step.active .step-icon{color:#fff;opacity:1;background:linear-gradient(135deg,#f36 0%,#ff6b93 100%);border-style:solid;border-color:#0000;animation:1.6s ease-in-out infinite stepPulse}.step.active span{color:#fff;background:#ff33662e}@keyframes stepPulse{0%,to{box-shadow:0 0 0 4px #ff336626,0 0 16px #ff336680}50%{box-shadow:0 0 0 8px #ff336614,0 0 24px #ff3366b3}}.generating-main-card{background:var(--bg-card);border-radius:var(--radius-xl);border:1px solid #93f3;flex-direction:column;align-items:center;margin-bottom:24px;padding:32px 24px;display:flex}.generating-main-card.ai-loader-style{background:radial-gradient(circle at 50% 28%,#9933ff59,#0000 60%),linear-gradient(#1a0b29 0%,#0b0914 75%);border:1px solid #9933ff40;padding:56px 24px 40px;position:relative;overflow:hidden}.ai-orb-wrap{justify-content:center;align-items:center;margin-bottom:36px;display:flex}.ai-orb{background:radial-gradient(circle at 35% 30%,#ffffff8c,#ff3366e6 35%,#9933ffe6 75%,#9933ff26 100%);border-radius:50%;justify-content:center;align-items:center;width:220px;height:220px;animation:2.4s ease-in-out infinite orbPulse;display:flex;position:relative;box-shadow:0 0 60px #ff336680,0 0 120px #9933ff59}.ai-orb-label{color:#fff;text-align:center;text-shadow:0 2px 12px #00000059;font-size:17px;font-weight:700;line-height:1.35}@keyframes orbPulse{0%,to{transform:scale(1);box-shadow:0 0 60px #ff336680,0 0 120px #9933ff59}50%{transform:scale(1.05);box-shadow:0 0 80px #ff3366b3,0 0 150px #9933ff80}}.glowing-orb-container{justify-content:center;align-items:center;width:160px;height:160px;margin-bottom:32px;display:flex;position:relative}.orb-ring{border:1px dashed #ff33664d;border-radius:50%;animation:10s linear infinite spin;position:absolute}.ring-1{border:1px dashed #93f6;width:100%;height:100%;animation-duration:15s}.ring-2{border:2px solid #f363;width:80%;height:80%;animation-duration:8s;animation-direction:reverse}.ring-3{background:radial-gradient(circle,#93f3 0%,#0000 70%);width:60%;height:60%;animation:2s ease-in-out infinite pulse}.orb-center{z-index:2;filter:drop-shadow(0 0 20px #f36c);animation:3s ease-in-out infinite float;position:relative}.generating-status-text{text-align:center;margin-bottom:24px}.generating-status-text h2{margin-bottom:8px;font-size:18px;font-weight:600}.generating-status-text p{color:var(--text-muted);font-size:12px;line-height:1.5}.progress-bar-container{align-items:center;gap:12px;width:100%;display:flex}.progress-track{background:#ffffff0d;border-radius:4px;flex:1;height:8px;overflow:hidden}.progress-fill-animated{background:linear-gradient(90deg, var(--primary) 0%, #93f 100%);border-radius:4px;height:100%;transition:width .5s ease-out;position:relative}.progress-fill-animated:after{content:"";background:linear-gradient(90deg,#0000,#fff6,#0000);animation:1.5s infinite shimmer;position:absolute;inset:0}.progress-percentage{text-align:right;min-width:36px;font-size:14px;font-weight:600}.finished-state-container{flex-direction:column;gap:24px;padding-bottom:40px;display:flex}.result-header{align-items:center;gap:12px;margin-bottom:8px;display:flex}.header-title-center{text-align:center;flex:1}.header-title-center h1{margin-bottom:4px;font-size:18px;font-weight:700}.header-title-center p{color:var(--text-muted);font-size:12px}.result-hero-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);flex-direction:column;gap:14px;padding:16px;display:flex;box-shadow:0 10px 30px #9933ff1f}.hero-top-row{gap:16px;display:flex}.hero-cover{border-radius:var(--radius-lg);flex-shrink:0;width:100px;height:100px;position:relative;overflow:hidden;box-shadow:0 6px 18px #0000004d}.cover-img{object-fit:cover;width:100%;height:100%}.hero-info{flex-direction:column;flex:1;justify-content:center;min-width:0;display:flex}.hero-title-row{align-items:center;gap:8px;min-width:0;margin-bottom:4px;display:flex}.hero-title-row h2{overflow-wrap:break-word;min-width:0;font-size:16px;font-weight:700}.badge-new{color:#93f;background:#93f3;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:600}.hero-meta{color:var(--text-muted);margin-bottom:8px;font-size:11px}.hero-desc{color:#ccc;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-bottom:12px;font-size:11px;line-height:1.4;display:-webkit-box;overflow:hidden}.hero-pills{scrollbar-width:none;flex-wrap:nowrap;gap:6px;padding-bottom:2px;display:flex;overflow-x:auto}.hero-pills::-webkit-scrollbar{display:none}.pill{border:1px solid var(--border-color);white-space:nowrap;background:#ffffff0f;border-radius:100px;flex-shrink:0;align-items:center;gap:3px;padding:4px 9px;font-size:9px;font-weight:600;display:flex}.versions-selection{flex-direction:column;gap:16px;display:flex}.version-card-detailed{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);cursor:pointer;padding:16px;transition:transform .2s,border-color .2s,box-shadow .2s}.version-card-detailed:hover{border-color:#ffffff2e;transform:translateY(-2px)}.version-card-detailed.selected{border-color:var(--primary);box-shadow:0 10px 30px #ff33662e}.version-header{align-items:center;gap:12px;margin-bottom:16px;display:flex}.version-play-btn{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;transition:transform .2s;display:flex}.version-play-btn:hover{transform:scale(1.06)}.pink-gradient{background:linear-gradient(135deg,#f36 0%,#ff8a00 100%);box-shadow:0 6px 16px #f366}.purple-gradient{background:linear-gradient(135deg,#93f 0%,#f36 100%);box-shadow:0 6px 16px #93f6}.version-title{flex:1}.version-title h4{font-size:16px;font-weight:600}.badge-ai{color:#93f;align-items:center;gap:4px;margin-top:2px;font-size:10px;display:flex}.version-time{color:var(--text-muted);font-size:14px}.waveform-container{width:100%;height:40px;margin-bottom:16px}.waveform-mock{background:repeating-linear-gradient(90deg, var(--primary) 0px, var(--primary) 2px, transparent 2px, transparent 6px);opacity:.8;width:100%;height:100%;-webkit-mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000);mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000)}.waveform-mock.alt{background:repeating-linear-gradient(90deg,#93f 0 2px,#0000 2px 6px)}.version-footer{justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.version-footer p{color:var(--text-muted);flex:1;font-size:12px;line-height:1.4}.version-check{flex-shrink:0}.action-grid-section{margin-top:8px}.download-cta-btn{border-radius:var(--radius-full);color:#fff;cursor:pointer;background:linear-gradient(135deg,#f36 0%,#93f 100%);border:none;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:14px;padding:18px 24px;font-size:16px;font-weight:700;transition:transform .2s,box-shadow .2s;display:flex;position:relative;box-shadow:0 10px 30px #ff33664d}.download-cta-btn:hover{transform:translateY(-2px);box-shadow:0 14px 36px #f366}.generate-cta-arrow{color:#fff;background:#fff3;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;transition:background .2s,transform .2s;display:flex;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.download-cta-btn:hover .generate-cta-arrow{background:#ffffff52;transform:translateY(-50%)translate(2px)}.action-grid{grid-template-columns:repeat(4,1fr);gap:8px;margin-top:16px;display:grid}.action-square{color:var(--text-muted);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:linear-gradient(#ffffff0b 0%,#ffffff04 100%);border:1px solid #ffffff14;border-radius:18px;flex-direction:column;align-items:center;gap:10px;padding:16px 6px;transition:transform .2s,border-color .2s,box-shadow .2s;display:flex}.action-square:hover{border-color:#fff3;transform:translateY(-3px);box-shadow:0 10px 24px #0000004d}.action-square.active{color:var(--primary);background:linear-gradient(#ff33661a 0%,#ff336605 100%);border-color:#ff336659;box-shadow:0 10px 24px #ff336626}.action-square span{letter-spacing:.01em;text-align:center;font-size:10.5px;font-weight:700;line-height:1.3}.action-icon{border-radius:13px;justify-content:center;align-items:center;width:40px;height:40px;transition:transform .2s;display:flex}.action-square:hover .action-icon{transform:scale(1.08)}.action-icon.pink{color:#f36;background:#ff336626;box-shadow:0 0 14px #ff336640}.action-icon.blue{color:#09f;background:#0099ff26;box-shadow:0 0 14px #0099ff40}.action-icon.purple{color:#93f;background:#9933ff26;box-shadow:0 0 14px #9933ff40}.action-icon.orange{color:#f90;background:#ff990026;box-shadow:0 0 14px #ff990040}.action-icon.green{color:#22c55e;background:#22c55e26;box-shadow:0 0 14px #22c55e40}.hint-banner{display:none}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.payment-processing-container,.payment-success-container{background-color:var(--bg-color);flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.processing-content,.success-content{text-align:center;flex-direction:column;align-items:center;width:100%;max-width:400px;display:flex}.processing-icon-container{justify-content:center;align-items:center;width:100px;height:100px;margin-bottom:32px;display:flex;position:relative}.pulse-ring{border:2px solid #9933ff80;border-radius:50%;width:100%;height:100%;animation:2s cubic-bezier(.215,.61,.355,1) infinite pulse-ring;position:absolute}.processing-icon{z-index:2;animation:3s ease-in-out infinite float;position:relative}.processing-content h2{margin-bottom:8px;font-size:24px;font-weight:700}.processing-content p{color:var(--text-muted);margin-bottom:8px;font-size:14px}.secure-note{color:#0c6;font-size:12px;font-weight:500;margin-bottom:32px!important}.loader-container{margin-top:24px}.spinner{animation:1s linear infinite spin}.success-icon-container{margin-bottom:24px;animation:.6s cubic-bezier(.175,.885,.32,1.275) popIn}.success-title{background:linear-gradient(135deg,#f36 0%,#93f 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:8px;font-size:28px;font-weight:800}.success-message{color:var(--text-muted);margin-bottom:32px;font-size:14px}.recharge-summary-card{background:var(--bg-card);border-radius:var(--radius-xl);border:1px solid #ffffff1a;width:100%;margin-bottom:32px;padding:24px;animation:.5s ease-out .2s both slideUp}.recharge-amount{border-bottom:1px solid #ffffff0d;justify-content:center;align-items:center;gap:8px;margin-bottom:24px;padding-bottom:24px;display:flex}.recharge-amount h2{font-size:36px;font-weight:800}.recharge-amount span{color:var(--text-muted);margin-top:8px;font-size:16px;font-weight:600}.recharge-details{flex-direction:column;gap:16px;display:flex}.detail-row{justify-content:space-between;align-items:center;display:flex}.detail-row .label{color:var(--text-muted);font-size:14px}.detail-row .value{font-size:14px;font-weight:500}.font-bold{font-weight:700!important}.mt-30{margin-top:30px}.mt-10{margin-top:10px}.btn-secondary{color:#fff;border-radius:var(--radius-full);background:#ffffff0d;border:1px solid #ffffff1a;justify-content:center;align-items:center;gap:8px;font-weight:600;display:flex}@keyframes pulse-ring{0%{opacity:.5;transform:scale(.8)}to{opacity:0;transform:scale(1.5)}}@keyframes popIn{0%{opacity:0;transform:scale(.5)}80%{opacity:1;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.history-container{background-color:var(--bg-color);flex-direction:column;min-height:100vh;padding-bottom:80px;display:flex}.history-container .page-header-simple{margin-bottom:20px}.history-title-row{align-items:center;gap:14px;display:flex}.history-title-row h1{margin-bottom:0}.history-title-row .back-btn{border:1px solid var(--border-color);color:#fff;cursor:pointer;background:#ffffff0f;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;transition:background .2s,transform .2s;display:flex}.history-title-row .back-btn:hover{background:#ffffff1f;transform:translate(-2px)}.history-tabs{border:1px solid var(--border-color);background:#ffffff0a;border-radius:100px;gap:6px;margin:0 0 20px;padding:3px;display:flex}.history-tab-pill{color:var(--text-muted);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:100px;flex:1;justify-content:center;align-items:center;gap:6px;padding:7px 10px;font-size:12px;font-weight:700;transition:background .2s,color .2s,box-shadow .2s;display:flex}.history-tab-pill.active{color:#fff;background:linear-gradient(135deg,#f36 0%,#93f 100%);box-shadow:0 6px 16px #ff33664d}.history-empty-state{text-align:center;color:var(--text-muted);padding:60px 24px}.history-empty-icon{width:60px;height:60px;color:var(--primary);background:#ff33661a;border-radius:50%;justify-content:center;align-items:center;margin:0 auto 18px;display:flex;box-shadow:0 0 20px #ff336626}.history-empty-state h3{color:#fff;margin-bottom:6px;font-size:16px}.history-empty-state p{margin-bottom:20px;font-size:13px}.history-empty-cta{color:#fff;cursor:pointer;background:linear-gradient(135deg,#f36 0%,#93f 100%);border:none;border-radius:100px;align-items:center;gap:8px;padding:12px 24px;font-size:13px;font-weight:700;transition:transform .2s;display:inline-flex;box-shadow:0 8px 22px #ff33664d}.history-empty-cta:hover{transform:translateY(-2px)}.history-content{flex:1;width:100%}.history-list{grid-template-columns:1fr;gap:16px;display:grid}@media (width>=768px){.history-list{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:24px}}.history-card{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;flex-direction:column;gap:12px;padding:16px;display:flex}.history-card-header{align-items:center;gap:16px;display:flex}.history-play-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#f36 0%,#93f 100%);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.history-title-group{flex:1}.history-title-group h3{color:#fff;margin-bottom:4px;font-size:16px;font-weight:600}.history-meta{color:var(--text-secondary);flex-wrap:wrap;gap:12px;font-size:12px;display:flex}.history-meta span{align-items:center;gap:4px;display:flex}.history-prompt{color:var(--text-secondary);background:#0003;border-radius:8px;padding:12px;font-size:13px;font-style:italic;line-height:1.4}.history-card-actions{gap:8px;margin-top:4px;display:flex}.btn-secondary-small{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #ffffff1a;border-radius:20px;flex:1;justify-content:center;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:500;display:flex}.icon-btn-small{color:#fff;cursor:pointer;background:#ffffff1a;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.help-hero{text-align:center;padding:32px 20px 8px}.help-hero-icon{width:56px;height:56px;color:var(--primary);background:#ff33661f;border-radius:50%;justify-content:center;align-items:center;margin:0 auto 16px;display:flex;box-shadow:0 0 24px #f363}.help-hero h2{color:#fff;margin-bottom:8px;font-size:20px;font-weight:700}.help-hero p{color:var(--text-muted);font-size:13px}.help-section{margin-bottom:28px}.help-section-title{color:#fff;align-items:center;gap:8px;margin-bottom:14px;font-size:15px;font-weight:700;display:flex}.help-contact-list{flex-direction:column;gap:10px;display:flex}.help-contact-card{background:linear-gradient(#ffffff0b 0%,#ffffff04 100%);border:1px solid #ffffff14;border-radius:16px;align-items:center;gap:14px;padding:14px;text-decoration:none;transition:transform .2s,border-color .2s;display:flex}.help-contact-card:hover{opacity:1;border-color:#ffffff2e;transform:translateY(-2px)}.help-contact-icon{border-radius:13px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.help-contact-icon.green{color:#25d366;background:#25d36626;box-shadow:0 0 14px #25d36640}.help-contact-icon.blue{color:#09f;background:#0099ff26;box-shadow:0 0 14px #0099ff40}.help-contact-icon.orange{color:#ffb800;background:#ffb80026;box-shadow:0 0 14px #ffb80040}.help-contact-text{flex:1;min-width:0}.help-contact-text h4{color:#fff;margin-bottom:2px;font-size:14px;font-weight:700}.help-contact-text p{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:11.5px;overflow:hidden}.maintenance-container{color:#fff;background-color:#0a0a0a;justify-content:center;align-items:center;min-height:100vh;font-family:Inter,sans-serif;display:flex;position:relative;overflow:hidden}.maintenance-content{z-index:10;text-align:center;max-width:600px;padding:40px;position:relative}.maintenance-icon-wrapper{justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 30px;display:flex;position:relative}.maintenance-icon.spin{animation:4s linear infinite spin-slow}.maintenance-icon.wrench{animation:3s ease-in-out infinite float;position:absolute}.maintenance-title{background:linear-gradient(135deg,#fff 0%,#aaa 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin:0 0 10px;font-size:3rem;font-weight:800}.maintenance-subtitle{color:#e2e8f0;margin:0 0 40px;font-size:1.2rem}.maintenance-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#9ca3af;background:#ffffff08;border:1px solid #ffffff0d;border-radius:16px;margin-bottom:40px;padding:30px;font-size:1.1rem;line-height:1.6;box-shadow:0 20px 40px #0006}.maintenance-card p{margin:0 0 15px}.maintenance-card p:last-child{margin-bottom:0}.highlight-text{color:#fff;font-weight:500}.maintenance-footer{color:#6b7280;font-size:.9rem}.admin-link{color:#00f0ff;text-decoration:none;transition:all .3s}.admin-link:hover{text-shadow:0 0 10px #00f0ff80;text-decoration:underline}.maintenance-bg-glow{filter:blur(100px);z-index:1;opacity:.15;border-radius:50%;animation:8s ease-in-out infinite alternate pulse-glow;position:absolute}.glow-pink{background-color:#f36;width:400px;height:400px;top:-100px;left:-100px}.glow-blue{background-color:#00f0ff;width:500px;height:500px;animation-delay:-4s;bottom:-150px;right:-150px}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse-glow{0%{opacity:.1;transform:scale(.8)}to{opacity:.25;transform:scale(1.2)}}.admin-layout{color:#fff;background-color:#050505;height:100vh;font-family:Elms Sans,Inter,system-ui,sans-serif;display:flex;overflow:hidden}.admin-sidebar{background-color:#0a0a0a;border-right:1px solid #ffffff0d;flex-direction:column;width:260px;padding:24px 0;display:flex}.admin-sidebar-header{align-items:center;gap:12px;padding:0 24px 32px;display:flex}.admin-sidebar-header h2{color:#fff;margin:0;font-size:20px;font-weight:700}.admin-sidebar-header h2 span{color:#a855f7;letter-spacing:1px;vertical-align:top;margin-left:4px;font-size:10px;font-weight:800}.admin-nav{flex-direction:column;flex:1;gap:8px;padding:0 16px;display:flex;overflow-y:auto}.admin-nav::-webkit-scrollbar{width:4px}.admin-nav::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}.admin-nav-item{color:#9ca3af;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:12px;padding:12px 16px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.admin-nav-item:hover{color:#fff;background:#ffffff0d}.admin-nav-item.active{color:#fff;background:linear-gradient(90deg,#ff336626 0%,#f360 100%);border-left:3px solid #f36;border-radius:0 8px 8px 0}.admin-sidebar-footer{border-top:1px solid #ffffff0d;padding:24px 24px 0}.admin-profile{background:#ffffff08;border-radius:12px;align-items:center;gap:12px;margin-bottom:16px;padding:12px;display:flex}.admin-avatar{background:#333;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex;overflow:hidden}.admin-avatar img{object-fit:cover;width:100%;height:100%}.admin-info h4{margin:0;font-size:14px;font-weight:600}.admin-role{color:#9ca3af;margin-bottom:4px;font-size:11px;display:block}.admin-status{color:#10b981;align-items:center;gap:4px;font-size:11px;display:flex}.status-dot{background:#10b981;border-radius:50%;width:6px;height:6px;box-shadow:0 0 8px #10b981}.admin-logout-btn{color:#ef4444;cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;width:100%;padding:8px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.admin-logout-btn:hover{color:#f87171;background:#ef44441a;border-radius:8px}.admin-main-content{flex:1;padding:32px 40px;overflow-y:auto}.admin-topbar{justify-content:space-between;align-items:flex-start;margin-bottom:32px;display:flex}.admin-topbar-left h1{margin:0 0 8px;font-size:28px;font-weight:700}.admin-topbar-left p{color:#9ca3af;margin:0;font-size:14px}.admin-topbar-right{align-items:center;gap:16px;display:flex}.admin-search{color:#9ca3af;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;align-items:center;gap:8px;padding:8px 16px;display:flex}.admin-search input{color:#fff;background:0 0;border:none;outline:none;width:250px;font-size:14px}.shortcut{color:#6b7280;background:#ffffff1a;border-radius:4px;padding:2px 6px;font-size:11px}.icon-btn{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:50%;padding:8px;transition:all .2s;position:relative}.icon-btn:hover{background:#ffffff1a}.badge{color:#fff;background:#f36;border-radius:50%;justify-content:center;align-items:center;width:14px;height:14px;font-size:10px;font-weight:700;display:flex;position:absolute;top:4px;right:4px}.export-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#a855f7 0%,#d946ef 100%);border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:600;transition:opacity .2s;display:flex}.export-btn:hover{opacity:.9}.admin-kpi-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:32px;display:grid}.kpi-card{background:#141414cc;border:1px solid #ffffff0d;border-radius:16px;align-items:flex-start;gap:16px;padding:20px;display:flex;position:relative;overflow:hidden}.card-glow-purple:before{content:"";background:radial-gradient(circle,#a855f726 0%,#0000 70%);width:100%;height:100%;position:absolute;top:-50%;left:-50%}.card-glow-blue:before{content:"";background:radial-gradient(circle,#3b82f626 0%,#0000 70%);width:100%;height:100%;position:absolute;top:-50%;left:-50%}.card-glow-orange:before{content:"";background:radial-gradient(circle,#f9731626 0%,#0000 70%);width:100%;height:100%;position:absolute;top:-50%;left:-50%}.card-glow-green:before{content:"";background:radial-gradient(circle,#10b98126 0%,#0000 70%);width:100%;height:100%;position:absolute;top:-50%;left:-50%}.card-glow-pink:before{content:"";background:radial-gradient(circle,#ec489926 0%,#0000 70%);width:100%;height:100%;position:absolute;top:-50%;left:-50%}.kpi-icon{z-index:1;background:#ffffff0d;border-radius:12px;padding:12px}.kpi-info{z-index:1}.kpi-info h3{color:#9ca3af;margin:0 0 4px;font-size:13px;font-weight:500}.kpi-info h2{margin:0 0 8px;font-size:24px;font-weight:700}.kpi-trend{font-size:12px;font-weight:600}.kpi-trend.positive{color:#10b981}.admin-dashboard-bellow{gap:24px;display:flex}.admin-left-col{flex-direction:column;flex:3;gap:24px;display:flex}.admin-right-col{flex-direction:column;flex:1;gap:24px;display:flex}.admin-charts-row{gap:24px;display:flex}.chart-card{background:#141414cc;border:1px solid #ffffff0d;border-radius:16px;padding:24px}.line-chart-card{flex:2}.donut-chart-card{flex:1}.chart-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.chart-header h3{margin:0;font-size:16px;font-weight:600}.chart-select{color:#fff;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;outline:none;padding:4px 12px;font-size:12px}.chart-wrapper{height:250px}.donut-wrapper{align-items:center;height:250px;display:flex}.donut-legend{flex-direction:column;gap:12px;width:120px;display:flex}.legend-item{align-items:center;gap:8px;font-size:12px;display:flex}.legend-dot{border-radius:50%;width:8px;height:8px}.legend-label{color:#9ca3af;flex:1}.legend-value{font-weight:600}.admin-table-card{background:#141414cc;border:1px solid #ffffff0d;border-radius:16px;padding:24px}.view-all{color:#a855f7;font-size:13px;font-weight:500;text-decoration:none}.view-all:hover{text-decoration:underline}.admin-table{border-collapse:collapse;width:100%}.admin-table th{text-align:left;color:#6b7280;border-bottom:1px solid #ffffff0d;padding:12px 8px;font-size:12px;font-weight:500}.admin-table td{vertical-align:middle;border-bottom:1px solid #ffffff05;padding:16px 8px;font-size:13px}.td-title{align-items:center;gap:12px;font-weight:600;display:flex}.td-cover{object-fit:cover;border-radius:6px;width:32px;height:32px}.td-cover-placeholder{color:#666;background:#333;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.td-date{color:#9ca3af}.td-btn{color:#9ca3af;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px}.td-btn:hover{color:#fff;background:#ffffff1a}.admin-activity-card{background:#141414cc;border:1px solid #ffffff0d;border-radius:16px;padding:24px}.live-badge{color:#10b981;align-items:center;gap:6px;font-size:12px;font-weight:600;display:flex}.live-dot{background:#10b981;border-radius:50%;width:6px;height:6px;animation:2s infinite pulse}.activity-list{flex-direction:column;gap:16px;display:flex}.activity-item{align-items:center;gap:12px;display:flex}.activity-icon{color:#f36;background:#ff33661a;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.activity-details h4{margin:0;font-size:13px;font-weight:600}.activity-details p{color:#9ca3af;margin:2px 0 0;font-size:12px}.activity-time{color:#6b7280;margin-left:auto;font-size:11px}.admin-quick-actions-card{background:#141414cc;border:1px solid #ffffff0d;border-radius:16px;padding:24px}.admin-quick-actions-card h3{margin:0 0 20px;font-size:16px}.quick-actions-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.quick-action-btn{color:#fff;cursor:pointer;background:#ffffff08;border:1px solid #ffffff0d;border-radius:12px;flex-direction:column;align-items:center;gap:12px;padding:16px;transition:all .2s;display:flex}.quick-action-btn:hover{background:#ffffff14}.quick-action-btn span{text-align:center;font-size:12px;font-weight:500}.admin-input{color:#fff;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;outline:none;width:100%;padding:12px 16px;font-family:inherit;font-size:14px;transition:border-color .2s}.admin-input:focus{border-color:#a855f7}.admin-mobile-header{background-color:#0a0a0a;border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:16px 24px;display:none}.admin-mobile-brand{align-items:center;font-size:18px;font-weight:700;display:flex}.admin-mobile-brand span{color:#a855f7;margin-left:4px;font-size:9px}.mobile-menu-btn,.mobile-close-btn{color:#fff;cursor:pointer;background:0 0;border:none}.admin-sidebar-overlay{z-index:99;background:#000000b3;position:fixed;inset:0}@media (width<=1024px){.admin-kpi-grid{grid-template-columns:repeat(3,1fr)}.admin-charts-row,.admin-dashboard-bellow{flex-direction:column}}@media (width<=768px){.admin-layout{flex-direction:column}.admin-mobile-header{display:flex}.admin-sidebar{z-index:100;transition:all .3s ease-in-out;position:fixed;top:0;bottom:0;left:-260px}.admin-sidebar.open{left:0}.admin-sidebar-header h2{font-size:16px}.admin-main-content{flex:1;height:auto;padding:20px;overflow-y:auto}.admin-topbar{flex-direction:column;gap:16px}.admin-topbar-right{justify-content:space-between;width:100%}.admin-search input{width:auto}.admin-kpi-grid{grid-template-columns:1fr}.donut-wrapper{flex-direction:column;height:auto;padding-bottom:20px}.donut-legend{flex-flow:wrap;justify-content:center;width:100%}.admin-table-card{overflow-x:auto}.admin-table{min-width:700px}}.floating-install-wrapper{z-index:9999;align-items:center;gap:8px;animation:.5s cubic-bezier(.175,.885,.32,1.275) forwards bounce-in;display:flex;position:fixed;bottom:80px;right:20px}.floating-install-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#a855f7,#ec4899);border:none;border-radius:30px;align-items:center;gap:8px;padding:12px 20px;font-size:14px;font-weight:700;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 4px 15px #ec489966}.floating-install-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ec489999}.floating-install-close{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;border:none;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.floating-install-close:hover{background:#fff3}@keyframes bounce-in{0%{opacity:0;transform:translateY(20px)scale(.8)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width>=769px){.floating-install-wrapper{bottom:30px;right:30px}}.admin-modal-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:1000;background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.promo-modal{background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid #ffffff1a;flex-direction:column;width:90%;max-width:600px;max-height:90vh;display:flex;overflow:hidden}.admin-modal-header{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:20px;display:flex}.admin-modal-header h2{margin:0;font-size:1.2rem}.btn-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;transition:color .3s}.btn-close:hover{color:#fff}.admin-modal-body{flex-direction:column;gap:15px;padding:20px;display:flex;overflow-y:auto}.form-row{gap:15px;display:flex}.form-row>*{flex:1}.form-group{flex-direction:column;gap:8px;display:flex}.form-group label{color:var(--text-muted);font-size:.9rem}.form-group input,.form-group select,.form-group textarea{color:#fff;background:#0003;border:1px solid #ffffff1a;border-radius:8px;padding:10px;font-size:1rem}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--primary);outline:none}.admin-modal-footer{border-top:1px solid #ffffff1a;justify-content:flex-end;gap:10px;padding:20px;display:flex}.promo-type-badge{background:#ffffff0d;border-radius:6px;align-items:center;gap:6px;padding:4px 8px;font-size:12px;font-weight:500;display:inline-flex}.text-pink{color:#f36}.text-orange{color:#f90}.text-purple{color:#93f}.text-blue{color:#09f}.status-badge{border-radius:12px;padding:4px 8px;font-size:11px;font-weight:700}.status-badge.active{color:#0f0;background:#00ff001a}.status-badge.inactive{color:var(--text-muted);background:#ffffff1a}@layer components;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-space-x-reverse:0;--tw-divide-y-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial}}}@layer theme{:root,:host{--font-sans:"Elms Sans", "Inter", system-ui, -apple-system, sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-amber-400:oklch(82.8% .189 84.429);--color-sky-400:oklch(74.6% .16 232.661);--color-sky-500:oklch(68.5% .169 237.323);--color-sky-600:oklch(58.8% .158 241.966);--color-rose-400:oklch(71.2% .194 13.428);--color-rose-500:oklch(64.5% .246 16.439);--color-rose-600:oklch(58.6% .253 17.585);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-xs:20rem;--container-sm:24rem;--container-md:28rem;--container-lg:32rem;--container-2xl:42rem;--container-3xl:48rem;--container-4xl:56rem;--container-6xl:72rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25 / 1.875);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--text-5xl:3rem;--text-5xl--line-height:1;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-tight:-.025em;--tracking-wide:.025em;--tracking-widest:.1em;--leading-snug:1.375;--leading-relaxed:1.625;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-2xl:1rem;--radius-3xl:1.5rem;--ease-out:cubic-bezier(0, 0, .2, 1);--blur-sm:8px;--blur-md:12px;--blur-2xl:40px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-bg:#0b0914;--color-bg-card:#151322;--color-primary:#f36;--color-secondary:#93f;--color-text-main:#fff;--color-text-muted:#8a89a4;--color-border:#ffffff14;--font-display:"Elms Sans", "Space Grotesk", "Inter", system-ui, sans-serif}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}body{background-color:#000;justify-content:center;min-height:100vh;margin:0;display:flex}#root{background-color:var(--bg-color);flex-direction:column;width:100%;max-width:100%;min-height:100vh;animation:.4s ease-out fadeIn;display:flex;position:relative;overflow-x:hidden;box-shadow:0 0 40px #00000080}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}h1,h2,h3,h4,h5,h6,.page-title,.font-display{font-family:var(--font-display);letter-spacing:-.02em}h1,.page-title{color:var(--text-main);margin:0 0 20px;font-size:2.2rem;font-weight:700;line-height:1.15;display:inline-block}h2,h3,h4,h5,h6{margin:0;font-weight:600;line-height:1.2}a{color:var(--text-main);text-decoration:none;transition:opacity .2s}a:hover{opacity:.8}button{cursor:pointer;color:inherit;background:0 0;border:none;outline:none;font-family:inherit;transition:transform .15s,background .2s,opacity .2s,box-shadow .2s}button:active{transform:scale(.96)}input,textarea{color:inherit;outline:none;font-family:inherit}}@layer utilities{.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:0}.inset-\[var\(--circle-inset-y\)_var\(--icon-right\)_var\(--circle-inset-y\)_calc\(100\%-var\(--icon-right\)-var\(--icon-circle\)\)\]{inset:var(--circle-inset-y) var(--icon-right) var(--circle-inset-y) calc(100% - var(--icon-right) - var(--icon-circle))}.inset-y-0{inset-block:0}.-top-2{top:calc(var(--spacing) * -2)}.top-0{top:0}.top-1\/2{top:50%}.top-6{top:calc(var(--spacing) * 6)}.top-20{top:calc(var(--spacing) * 20)}.-right-2{right:calc(var(--spacing) * -2)}.right-0{right:0}.right-6{right:calc(var(--spacing) * 6)}.right-\[var\(--icon-right\)\]{right:var(--icon-right)}.bottom-0{bottom:0}.-left-2{left:calc(var(--spacing) * -2)}.left-0{left:0}.left-1\/2{left:50%}.isolate{isolation:isolate}.-z-10{z-index:calc(10 * -1)}.z-0{z-index:0}.z-1{z-index:1}.z-2{z-index:2}.z-3{z-index:3}.z-10{z-index:10}.z-20{z-index:20}.z-50{z-index:50}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.mx-auto{margin-inline:auto}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-1\.5{margin-top:calc(var(--spacing) * 1.5)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mt-8{margin-top:calc(var(--spacing) * 8)}.mt-10{margin-top:calc(var(--spacing) * 10)}.mt-20{margin-top:calc(var(--spacing) * 20)}.mt-30{margin-top:calc(var(--spacing) * 30)}.-mr-8{margin-right:calc(var(--spacing) * -8)}.mr-4{margin-right:calc(var(--spacing) * 4)}.mb-1{margin-bottom:var(--spacing)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-5{margin-bottom:calc(var(--spacing) * 5)}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.mb-8{margin-bottom:calc(var(--spacing) * 8)}.mb-12{margin-bottom:calc(var(--spacing) * 12)}.mb-20{margin-bottom:calc(var(--spacing) * 20)}.mb-30{margin-bottom:calc(var(--spacing) * 30)}.mb-\[10px\]{margin-bottom:10px}.-ml-8{margin-left:calc(var(--spacing) * -8)}.ml-4{margin-left:calc(var(--spacing) * 4)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.aspect-\[4\/5\]{aspect-ratio:4/5}.size-\[1\.2vw\]{width:1.2vw;height:1.2vw}.size-full{width:100%;height:100%}.h-3\.5{height:calc(var(--spacing) * 3.5)}.h-4{height:calc(var(--spacing) * 4)}.h-5{height:calc(var(--spacing) * 5)}.h-7{height:calc(var(--spacing) * 7)}.h-8{height:calc(var(--spacing) * 8)}.h-10{height:calc(var(--spacing) * 10)}.h-80{height:calc(var(--spacing) * 80)}.h-\[3\.4vw\]{height:3.4vw}.h-\[360px\]{height:360px}.h-\[420px\]{height:420px}.h-\[var\(--icon-circle\)\]{height:var(--icon-circle)}.h-auto{height:auto}.h-full{height:100%}.max-h-\[90vh\]{max-height:90vh}.max-h-\[calc\(100vh-6rem\)\]{max-height:calc(100vh - 6rem)}.min-h-screen{min-height:100vh}.w-1\/2{width:50%}.w-3\.5{width:calc(var(--spacing) * 3.5)}.w-4{width:calc(var(--spacing) * 4)}.w-5{width:calc(var(--spacing) * 5)}.w-7{width:calc(var(--spacing) * 7)}.w-8{width:calc(var(--spacing) * 8)}.w-10{width:calc(var(--spacing) * 10)}.w-\[38\%\]{width:38%}.w-\[42\%\]{width:42%}.w-\[460px\]{width:460px}.w-\[720px\]{width:720px}.w-\[var\(--icon-circle\)\]{width:var(--icon-circle)}.w-auto{width:auto}.w-fit{width:fit-content}.w-full{width:100%}.max-w-2xl{max-width:var(--container-2xl)}.max-w-3xl{max-width:var(--container-3xl)}.max-w-6xl{max-width:var(--container-6xl)}.max-w-\[85\%\]{max-width:85%}.max-w-\[95vw\]{max-width:95vw}.max-w-\[700px\]{max-width:700px}.max-w-\[720px\]{max-width:720px}.max-w-\[1000px\]{max-width:1000px}.max-w-\[1440px\]{max-width:1440px}.max-w-full{max-width:100%}.max-w-lg{max-width:var(--container-lg)}.max-w-md{max-width:var(--container-md)}.max-w-none{max-width:none}.max-w-sm{max-width:var(--container-sm)}.max-w-xs{max-width:var(--container-xs)}.min-w-0{min-width:0}.min-w-fit{min-width:fit-content}.flex-1{flex:1}.shrink-0{flex-shrink:0}.origin-bottom{transform-origin:bottom}.origin-center{transform-origin:50%}.-translate-x-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-1\/4{--tw-translate-x:calc(1 / 4 * 100%);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-\[-170\%\]{--tw-translate-x:-170%;translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1\/3{--tw-translate-y:calc(calc(1 / 3 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-1\/4{--tw-translate-y:calc(1 / 4 * 100%);translate:var(--tw-translate-x) var(--tw-translate-y)}.scale-0{--tw-scale-x:0%;--tw-scale-y:0%;--tw-scale-z:0%;scale:var(--tw-scale-x) var(--tw-scale-y)}.-rotate-8{rotate:-8deg}.rotate-8{rotate:8deg}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.cursor-zoom-in{cursor:zoom-in}.cursor-zoom-out{cursor:zoom-out}.resize{resize:both}.scroll-mt-24{scroll-margin-top:calc(var(--spacing) * 24)}.list-decimal{list-style-type:decimal}.list-disc{list-style-type:disc}.columns-1{columns:1}.break-inside-avoid{break-inside:avoid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-0\.5{gap:calc(var(--spacing) * .5)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-5{gap:calc(var(--spacing) * 5)}.gap-6{gap:calc(var(--spacing) * 6)}.gap-8{gap:calc(var(--spacing) * 8)}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(var(--spacing) * var(--tw-space-y-reverse));margin-block-end:calc(var(--spacing) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-8>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-14>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 14) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 14) * calc(1 - var(--tw-space-y-reverse)))}.gap-x-2\.5{column-gap:calc(var(--spacing) * 2.5)}.gap-x-4{column-gap:calc(var(--spacing) * 4)}:where(.-space-x-2>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing) * -2) * var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing) * -2) * calc(1 - var(--tw-space-x-reverse)))}.gap-y-1{row-gap:var(--spacing)}.gap-y-3{row-gap:calc(var(--spacing) * 3)}.gap-y-12{row-gap:calc(var(--spacing) * 12)}:where(.divide-y>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px * var(--tw-divide-y-reverse));border-bottom-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)))}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-3xl{border-radius:var(--radius-3xl)}.rounded-\[15px\]{border-radius:15px}.rounded-\[25px\]{border-radius:25px}.rounded-full{border-radius:2147483647px}.rounded-md{border-radius:var(--radius-md)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-tl-md{border-top-left-radius:var(--radius-md)}.rounded-r-lg{border-top-right-radius:var(--radius-lg);border-bottom-right-radius:var(--radius-lg)}.rounded-tr-md{border-top-right-radius:var(--radius-md)}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-l-\[3px\]{border-left-style:var(--tw-border-style);border-left-width:3px}.border-\(--btn-bg\){border-color:var(--btn-bg)}.border-\[\#33CCFF\]\/25{border-color:oklab(79.0238% -.0970557 -.101092/.25)}.border-\[\#9933FF\]\/25{border-color:oklab(58.1737% .137364 -.235752/.25)}.border-\[\#FF3366\]\/25{border-color:oklab(65.6462% .22857 .0541986/.25)}.border-bg-card{border-color:var(--color-bg-card)}.border-border{border-color:var(--color-border)}.border-primary\/30{border-color:#ff33664d}@supports (color:color-mix(in lab, red, red)){.border-primary\/30{border-color:color-mix(in oklab, var(--color-primary) 30%, transparent)}}.border-primary\/35{border-color:#ff336659}@supports (color:color-mix(in lab, red, red)){.border-primary\/35{border-color:color-mix(in oklab, var(--color-primary) 35%, transparent)}}.border-white\/10{border-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.border-white\/10{border-color:color-mix(in oklab, var(--color-white) 10%, transparent)}}.border-white\/20{border-color:#fff3}@supports (color:color-mix(in lab, red, red)){.border-white\/20{border-color:color-mix(in oklab, var(--color-white) 20%, transparent)}}.border-l-rose-500{border-left-color:var(--color-rose-500)}.border-l-sky-500{border-left-color:var(--color-sky-500)}.bg-\(--btn-bg\){background-color:var(--btn-bg)}.bg-\(--btn-fill-bg\){background-color:var(--btn-fill-bg)}.bg-\[\#33CCFF\]\/10{background-color:oklab(79.0238% -.0970557 -.101092/.1)}.bg-\[\#9933FF\]\/10{background-color:oklab(58.1737% .137364 -.235752/.1)}.bg-\[\#151322\]{background-color:#151322}.bg-\[\#FF3366\]\/10{background-color:oklab(65.6462% .22857 .0541986/.1)}.bg-bg-card\/60{background-color:#15132299}@supports (color:color-mix(in lab, red, red)){.bg-bg-card\/60{background-color:color-mix(in oklab, var(--color-bg-card) 60%, transparent)}}.bg-black\/10{background-color:#0000001a}@supports (color:color-mix(in lab, red, red)){.bg-black\/10{background-color:color-mix(in oklab, var(--color-black) 10%, transparent)}}.bg-black\/80{background-color:#000c}@supports (color:color-mix(in lab, red, red)){.bg-black\/80{background-color:color-mix(in oklab, var(--color-black) 80%, transparent)}}.bg-primary{background-color:var(--color-primary)}.bg-primary\/10{background-color:#ff33661a}@supports (color:color-mix(in lab, red, red)){.bg-primary\/10{background-color:color-mix(in oklab, var(--color-primary) 10%, transparent)}}.bg-primary\/20{background-color:#f363}@supports (color:color-mix(in lab, red, red)){.bg-primary\/20{background-color:color-mix(in oklab, var(--color-primary) 20%, transparent)}}.bg-rose-500\/\[0\.03\]{background-color:#ff235708}@supports (color:color-mix(in lab, red, red)){.bg-rose-500\/\[0\.03\]{background-color:color-mix(in oklab, var(--color-rose-500) 3%, transparent)}}.bg-secondary\/20{background-color:#93f3}@supports (color:color-mix(in lab, red, red)){.bg-secondary\/20{background-color:color-mix(in oklab, var(--color-secondary) 20%, transparent)}}.bg-sky-500\/\[0\.03\]{background-color:#00a5ef08}@supports (color:color-mix(in lab, red, red)){.bg-sky-500\/\[0\.03\]{background-color:color-mix(in oklab, var(--color-sky-500) 3%, transparent)}}.bg-white\/10{background-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.bg-white\/10{background-color:color-mix(in oklab, var(--color-white) 10%, transparent)}}.bg-white\/\[0\.04\]{background-color:#ffffff0a}@supports (color:color-mix(in lab, red, red)){.bg-white\/\[0\.04\]{background-color:color-mix(in oklab, var(--color-white) 4%, transparent)}}.bg-white\/\[0\.06\]{background-color:#ffffff0f}@supports (color:color-mix(in lab, red, red)){.bg-white\/\[0\.06\]{background-color:color-mix(in oklab, var(--color-white) 6%, transparent)}}.bg-gradient-to-l{--tw-gradient-position:to left in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-t{--tw-gradient-position:to top in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.from-bg{--tw-gradient-from:var(--color-bg);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-black\/90{--tw-gradient-from:#000000e6}@supports (color:color-mix(in lab, red, red)){.from-black\/90{--tw-gradient-from:color-mix(in oklab, var(--color-black) 90%, transparent)}}.from-black\/90{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.via-black\/20{--tw-gradient-via:#0003}@supports (color:color-mix(in lab, red, red)){.via-black\/20{--tw-gradient-via:color-mix(in oklab, var(--color-black) 20%, transparent)}}.via-black\/20{--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.to-transparent{--tw-gradient-to:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.p-2{padding:calc(var(--spacing) * 2)}.p-2\.5{padding:calc(var(--spacing) * 2.5)}.p-4{padding:calc(var(--spacing) * 4)}.p-5{padding:calc(var(--spacing) * 5)}.p-\[15px\]{padding:15px}.px-1\.5{padding-inline:calc(var(--spacing) * 1.5)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.px-6{padding-inline:calc(var(--spacing) * 6)}.px-8{padding-inline:calc(var(--spacing) * 8)}.px-\[2\.4vw\]{padding-inline:2.4vw}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:var(--spacing)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-3\.5{padding-block:calc(var(--spacing) * 3.5)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-6{padding-block:calc(var(--spacing) * 6)}.py-14{padding-block:calc(var(--spacing) * 14)}.py-20{padding-block:calc(var(--spacing) * 20)}.pt-8{padding-top:calc(var(--spacing) * 8)}.pt-12{padding-top:calc(var(--spacing) * 12)}.pr-6{padding-right:calc(var(--spacing) * 6)}.pr-\[calc\(var\(--icon-circle\)\+var\(--icon-right\)\+1\.6vw\)\]{padding-right:calc(var(--icon-circle) + var(--icon-right) + 1.6vw)}.pb-2{padding-bottom:calc(var(--spacing) * 2)}.pb-4{padding-bottom:calc(var(--spacing) * 4)}.pb-px{padding-bottom:1px}.pl-4{padding-left:calc(var(--spacing) * 4)}.pl-5{padding-left:calc(var(--spacing) * 5)}.text-center{text-align:center}.text-left{text-align:left}.font-display{font-family:var(--font-display)}.font-mono{font-family:var(--font-mono)}.font-sans{font-family:var(--font-sans)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-sm\/5{font-size:var(--text-sm);line-height:calc(var(--spacing) * 5)}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[0\.95vw\]{font-size:.95vw}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[13px\]{font-size:13px}.leading-none{--tw-leading:1;line-height:1}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-snug{--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.tracking-widest{--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest)}.text-balance{text-wrap:balance}.break-all{word-break:break-all}.whitespace-nowrap{white-space:nowrap}.text-\(--btn-arrow\){color:var(--btn-arrow)}.text-\(--btn-fill-text\){color:var(--btn-fill-text)}.text-\(--btn-text\){color:var(--btn-text)}.text-\[\#33CCFF\]{color:#3cf}.text-\[\#94A3B8\]{color:#94a3b8}.text-\[\#C466FF\]{color:#c466ff}.text-\[\#FF6B93\]{color:#ff6b93}.text-amber-400{color:var(--color-amber-400)}.text-current{color:currentColor}.text-primary{color:var(--color-primary)}.text-rose-600{color:var(--color-rose-600)}.text-secondary{color:var(--color-secondary)}.text-sky-600{color:var(--color-sky-600)}.text-text-main{color:var(--color-text-main)}.text-text-muted{color:var(--color-text-muted)}.text-white{color:var(--color-white)}.text-white\/15{color:#ffffff26}@supports (color:color-mix(in lab, red, red)){.text-white\/15{color:color-mix(in oklab, var(--color-white) 15%, transparent)}}.text-white\/40{color:#fff6}@supports (color:color-mix(in lab, red, red)){.text-white\/40{color:color-mix(in oklab, var(--color-white) 40%, transparent)}}.text-white\/50{color:#ffffff80}@supports (color:color-mix(in lab, red, red)){.text-white\/50{color:color-mix(in oklab, var(--color-white) 50%, transparent)}}.text-white\/70{color:#ffffffb3}@supports (color:color-mix(in lab, red, red)){.text-white\/70{color:color-mix(in oklab, var(--color-white) 70%, transparent)}}.text-white\/85{color:#ffffffd9}@supports (color:color-mix(in lab, red, red)){.text-white\/85{color:color-mix(in oklab, var(--color-white) 85%, transparent)}}.uppercase{text-transform:uppercase}.line-through{text-decoration-line:line-through}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-\[0\.06\]{opacity:.06}.shadow-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_20px_40px_rgba\(0\,0\,0\,0\.5\)\]{--tw-shadow:0 20px 40px var(--tw-shadow-color,#00000080);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-primary\/30{--tw-shadow-color:#ff33664d}@supports (color:color-mix(in lab, red, red)){.shadow-primary\/30{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-primary) 30%, transparent) var(--tw-shadow-alpha), transparent)}}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.outline-white\/10{outline-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.outline-white\/10{outline-color:color-mix(in oklab, var(--color-white) 10%, transparent)}}.blur-\[110px\]{--tw-blur:blur(110px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.blur-\[120px\]{--tw-blur:blur(120px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.backdrop-blur-2xl{--tw-backdrop-blur:blur(var(--blur-2xl));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-blur-md{--tw-backdrop-blur:blur(var(--blur-md));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-blur-sm{--tw-backdrop-blur:blur(var(--blur-sm));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.duration-450,.duration-\[450ms\]{--tw-duration:.45s;transition-duration:.45s}.ease-\[cubic-bezier\(0\.785\,0\.135\,0\.15\,0\.86\)\]{--tw-ease:cubic-bezier(.785,.135,.15,.86);transition-timing-function:cubic-bezier(.785,.135,.15,.86)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.will-change-transform{will-change:transform}.\[--circle-inset-y\:calc\(\(100\%-var\(--icon-circle\)\)\/2\)\]{--circle-inset-y:calc((100% - var(--icon-circle)) / 2)}.\[--icon-circle\:2\.5vw\]{--icon-circle:2.5vw}.\[--icon-right\:0\.45vw\]{--icon-right:.45vw}.\[clip-path\:inset\(var\(--circle-inset-y\)_var\(--icon-right\)_var\(--circle-inset-y\)_calc\(100\%-var\(--icon-right\)-var\(--icon-circle\)\)\)\]{clip-path:inset(var(--circle-inset-y) var(--icon-right) var(--circle-inset-y) calc(100% - var(--icon-right) - var(--icon-circle)))}.\[text-rendering\:geometricPrecision\]{text-rendering:geometricprecision}@media (hover:hover){.group-hover\:inset-0:is(:where(.group):hover *){inset:0}.group-hover\:-translate-x-1:is(:where(.group):hover *){--tw-translate-x:calc(var(--spacing) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.group-hover\:-translate-x-1\/2:is(:where(.group):hover *){--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.group-hover\:translate-x-0\.5:is(:where(.group):hover *){--tw-translate-x:calc(var(--spacing) * .5);translate:var(--tw-translate-x) var(--tw-translate-y)}.group-hover\:translate-x-1:is(:where(.group):hover *){--tw-translate-x:var(--spacing);translate:var(--tw-translate-x) var(--tw-translate-y)}.group-hover\:translate-x-\[70\%\]:is(:where(.group):hover *){--tw-translate-x:70%;translate:var(--tw-translate-x) var(--tw-translate-y)}.group-hover\:-translate-y-1\/2:is(:where(.group):hover *){--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.group-hover\:scale-0:is(:where(.group):hover *){--tw-scale-x:0%;--tw-scale-y:0%;--tw-scale-z:0%;scale:var(--tw-scale-x) var(--tw-scale-y)}.group-hover\:scale-100:is(:where(.group):hover *){--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x) var(--tw-scale-y)}.group-hover\:bg-\(--btn-fill-bg-hover\):is(:where(.group):hover *){background-color:var(--btn-fill-bg-hover)}.group-hover\:text-\(--btn-arrow-hover\):is(:where(.group):hover *){color:var(--btn-arrow-hover)}.group-hover\:text-\(--btn-fill-text-hover\):is(:where(.group):hover *){color:var(--btn-fill-text-hover)}.group-hover\:opacity-100:is(:where(.group):hover *){opacity:1}.group-hover\:\[clip-path\:inset\(0_0_0_0\)\]:is(:where(.group):hover *){clip-path:inset(0)}}.group-data-\[pressed\=true\]\:inset-0:is(:where(.group)[data-pressed=true] *){inset:0}.group-data-\[pressed\=true\]\:-translate-x-1\/2:is(:where(.group)[data-pressed=true] *){--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.group-data-\[pressed\=true\]\:translate-x-\[70\%\]:is(:where(.group)[data-pressed=true] *){--tw-translate-x:70%;translate:var(--tw-translate-x) var(--tw-translate-y)}.group-data-\[pressed\=true\]\:-translate-y-1\/2:is(:where(.group)[data-pressed=true] *){--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.group-data-\[pressed\=true\]\:scale-0:is(:where(.group)[data-pressed=true] *){--tw-scale-x:0%;--tw-scale-y:0%;--tw-scale-z:0%;scale:var(--tw-scale-x) var(--tw-scale-y)}.group-data-\[pressed\=true\]\:scale-100:is(:where(.group)[data-pressed=true] *){--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x) var(--tw-scale-y)}.group-data-\[pressed\=true\]\:bg-\(--btn-fill-bg-hover\):is(:where(.group)[data-pressed=true] *){background-color:var(--btn-fill-bg-hover)}.group-data-\[pressed\=true\]\:text-\(--btn-arrow-hover\):is(:where(.group)[data-pressed=true] *){color:var(--btn-arrow-hover)}.group-data-\[pressed\=true\]\:text-\(--btn-fill-text-hover\):is(:where(.group)[data-pressed=true] *){color:var(--btn-fill-text-hover)}.group-data-\[pressed\=true\]\:\[clip-path\:inset\(0_0_0_0\)\]:is(:where(.group)[data-pressed=true] *){clip-path:inset(0)}.first\:pt-0:first-child{padding-top:0}.last\:pb-0:last-child{padding-bottom:0}@media (hover:hover){.hover\:z-30:hover{z-index:30}.hover\:-translate-y-0\.5:hover{--tw-translate-y:calc(var(--spacing) * -.5);translate:var(--tw-translate-x) var(--tw-translate-y)}.hover\:scale-105:hover{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x) var(--tw-scale-y)}.hover\:border-white\/40:hover{border-color:#fff6}@supports (color:color-mix(in lab, red, red)){.hover\:border-white\/40:hover{border-color:color-mix(in oklab, var(--color-white) 40%, transparent)}}.hover\:bg-white\/5:hover{background-color:#ffffff0d}@supports (color:color-mix(in lab, red, red)){.hover\:bg-white\/5:hover{background-color:color-mix(in oklab, var(--color-white) 5%, transparent)}}.hover\:bg-white\/20:hover{background-color:#fff3}@supports (color:color-mix(in lab, red, red)){.hover\:bg-white\/20:hover{background-color:color-mix(in oklab, var(--color-white) 20%, transparent)}}.hover\:bg-white\/\[0\.07\]:hover{background-color:#ffffff12}@supports (color:color-mix(in lab, red, red)){.hover\:bg-white\/\[0\.07\]:hover{background-color:color-mix(in oklab, var(--color-white) 7.0%, transparent)}}.hover\:shadow-sm:hover{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.hover\:brightness-110:hover{--tw-brightness:brightness(110%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus\:ring-white\/30:focus{--tw-ring-color:#ffffff4d}@supports (color:color-mix(in lab, red, red)){.focus\:ring-white\/30:focus{--tw-ring-color:color-mix(in oklab, var(--color-white) 30%, transparent)}}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.focus\:ring-offset-black:focus{--tw-ring-offset-color:var(--color-black)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}@media (prefers-reduced-motion:reduce){.motion-reduce\:transition-none{transition-property:none}}@media not all and (width>=1025px){.max-\[1025px\]\:size-\[3\.2vw\]{width:3.2vw;height:3.2vw}.max-\[1025px\]\:h-\[9vw\]{height:9vw}.max-\[1025px\]\:px-\[4vw\]{padding-inline:4vw}.max-\[1025px\]\:pr-\[calc\(var\(--icon-circle\)\+var\(--icon-right\)\+3\.2vw\)\]{padding-right:calc(var(--icon-circle) + var(--icon-right) + 3.2vw)}.max-\[1025px\]\:text-\[2\.6vw\]{font-size:2.6vw}.max-\[1025px\]\:\[--icon-circle\:6\.5vw\]{--icon-circle:6.5vw}.max-\[1025px\]\:\[--icon-right\:1\.2vw\]{--icon-right:1.2vw}}@media not all and (width>=48rem){.max-md\:size-\[4vw\]{width:4vw;height:4vw}.max-md\:h-\[12vw\]{height:12vw}.max-md\:px-\[5\.5vw\]{padding-inline:5.5vw}.max-md\:pt-4{padding-top:calc(var(--spacing) * 4)}.max-md\:pr-\[calc\(var\(--icon-circle\)\+var\(--icon-right\)\+4vw\)\]{padding-right:calc(var(--icon-circle) + var(--icon-right) + 4vw)}.max-md\:pb-10{padding-bottom:calc(var(--spacing) * 10)}.max-md\:text-\[3\.6vw\]{font-size:3.6vw}.max-md\:\[--icon-circle\:9vw\]{--icon-circle:9vw}.max-md\:\[--icon-right\:1\.6vw\]{--icon-right:1.6vw}}@media (width>=40rem){.sm\:columns-2{columns:2}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:gap-8{gap:calc(var(--spacing) * 8)}.sm\:gap-10{gap:calc(var(--spacing) * 10)}.sm\:px-8{padding-inline:calc(var(--spacing) * 8)}.sm\:py-20{padding-block:calc(var(--spacing) * 20)}.sm\:py-28{padding-block:calc(var(--spacing) * 28)}.sm\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.sm\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.sm\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}}@media (width>=48rem){.md\:absolute{position:absolute}.md\:top-0{top:0}.md\:top-\[120px\]{top:120px}.md\:top-\[450px\]{top:450px}.md\:top-\[570px\]{top:570px}.md\:top-\[850px\]{top:850px}.md\:right-\[10\%\]{right:10%}.md\:right-\[15\%\]{right:15%}.md\:left-\[15\%\]{left:15%}.md\:block{display:block}.md\:h-\[var\(--md-height\)\]{height:var(--md-height)}.md\:w-\[280px\]{width:280px}.md\:max-w-4xl{max-width:var(--container-4xl)}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:justify-start{justify-content:flex-start}:where(.md\:space-y-0>:not(:last-child)){--tw-space-y-reverse:0;margin-block:0}.md\:gap-x-20{column-gap:calc(var(--spacing) * 20)}.md\:px-8{padding-inline:calc(var(--spacing) * 8)}.md\:py-10{padding-block:calc(var(--spacing) * 10)}.md\:pb-8{padding-bottom:calc(var(--spacing) * 8)}.md\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.md\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}}@media (width>=64rem){.lg\:block{display:block}.lg\:flex{display:flex}.lg\:grid{display:grid}.lg\:hidden{display:none}.lg\:columns-3{columns:3}.lg\:grid-cols-\[220px_minmax\(0\,1fr\)\]{grid-template-columns:220px minmax(0,1fr)}.lg\:gap-0{gap:0}.lg\:px-12{padding-inline:calc(var(--spacing) * 12)}}@media (width>=80rem){.xl\:block{display:block}.xl\:grid-cols-\[220px_minmax\(0\,1fr\)_200px\]{grid-template-columns:220px minmax(0,1fr) 200px}.xl\:px-16{padding-inline:calc(var(--spacing) * 16)}}@media (prefers-color-scheme:dark){.dark\:text-rose-400{color:var(--color-rose-400)}.dark\:text-sky-400{color:var(--color-sky-400)}}.\[\\u0026_code\]\:font-mono:is(u0026 code){font-family:var(--font-mono)}}:root{--bg-color:#0b0914;--bg-card:#151322;--bg-input:#151322;--primary:#f36;--primary-hover:#e62e5c;--secondary:#93f;--text-main:#fff;--text-muted:#8a89a4;--text-placeholder:#585772;--border-color:#ffffff1a;--border-active:#ff336680;--gradient-primary:linear-gradient(135deg, #f36 0%, #93f 100%);--gradient-text:linear-gradient(to right, #fff 0%, #f36 50%, #93f 100%);--gradient-glass:linear-gradient(180deg, #ffffff0d 0%, #ffffff05 100%);--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--text-main);background-color:var(--bg-color);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Elms Sans,Inter,system-ui,-apple-system,sans-serif;font-weight:400;line-height:1.5}.bg-grid-glow{background-image:linear-gradient(#ffffff0f 1px,#0000 1px),linear-gradient(90deg,#ffffff0f 1px,#0000 1px);background-size:44px 44px;-webkit-mask-image:radial-gradient(70% 60% at 50% 30%,#000 0%,#0000 80%);mask-image:radial-gradient(70% 60% at 50% 30%,#000 0%,#0000 80%)}.text-gradient{background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.flex-center{justify-content:center;align-items:center;display:flex}.flex-between{justify-content:space-between;align-items:center;display:flex}.glass-panel{background:var(--gradient-glass);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-color)}@media (width<=1023px){.desktop-only{display:none!important}.home-content,.explore-content,.profile-content,.create-content,.history-content,.page-header-simple{max-width:100%;padding-left:24px;padding-right:24px}.home-header{padding-left:24px;padding-right:24px}.header-top{justify-content:space-between;width:100%}}@media (width>=1024px){.mobile-only{display:none!important}.home-content,.explore-content,.profile-content,.create-content,.history-content{width:100%;padding:0}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-space-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}