@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";
@import "https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800&display=swap";
*{box-sizing:border-box;margin:0;padding:0}body{background:#07050f;min-height:100vh;font-family:Inter,sans-serif;overflow-x:hidden}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#8b5cf666;border-radius:4px}canvas.bg{pointer-events:none;z-index:0;width:100%;height:100%;position:fixed;top:0;left:0}.layer{z-index:1;position:relative}.glass{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff08;border:1px solid #ffffff14;transition:transform .25s,box-shadow .25s}.glass-bright{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#ffffff0f;border:1px solid #ffffff1f}.inp{color:#f0eeff;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:14px;outline:none;width:100%;padding:13px 16px;font-family:inherit;font-size:14px;transition:all .25s}.inp:focus{background:#8b5cf614;border-color:#8b5cf6b3;box-shadow:0 0 0 3px #8b5cf61f}.inp::placeholder{color:#4a4568}.btn-primary{cursor:pointer;letter-spacing:.3px;border:none;font-family:inherit;font-weight:700;transition:all .2s;position:relative;overflow:hidden}.btn-primary:before{content:"";opacity:0;background:linear-gradient(135deg,#ffffff26,#0000);transition:opacity .2s;position:absolute;inset:0}.btn-primary:hover:before{opacity:1}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 40px #8b5cf680}.btn-primary:active{transform:scale(.97)}.btn-ghost{color:#b0a8d0;cursor:pointer;background:0 0;border:1px solid #ffffff1f;border-radius:12px;padding:9px 18px;font-family:inherit;font-size:13px;font-weight:500;transition:all .2s}.btn-ghost:hover{color:#c4b5fd;background:#8b5cf614;border-color:#8b5cf680}.nav-pill{color:#7a7299;cursor:pointer;background:0 0;border:none;border-radius:10px;padding:8px 14px;font-family:inherit;font-size:14px;font-weight:500;transition:all .2s}.nav-pill:hover{color:#f0eeff;background:#ffffff0f}.card{border-radius:20px;padding:24px;transition:all .3s}.card:hover{transform:translateY(-4px)}.feat-card:hover{border-color:#8b5cf659!important}.vid-row{cursor:pointer;background:#ffffff05;border:1px solid #ffffff0f;border-radius:16px;align-items:center;gap:14px;padding:14px 18px;transition:all .25s;display:flex}.vid-row:hover{background:#8b5cf60d;border-color:#8b5cf64d;transform:translate(4px)}.step-dot{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:12px;font-weight:700;transition:all .5s;display:flex}.plat-btn{color:#7a7299;cursor:pointer;background:0 0;border:1px solid #ffffff14;border-radius:14px;flex:1;justify-content:center;align-items:center;gap:8px;padding:13px;font-family:inherit;font-size:13px;font-weight:600;transition:all .25s;display:flex}.plat-btn.active{color:#c4b5fd;background:#8b5cf61f;border-color:#8b5cf680}.plat-btn:hover:not(.active){color:#b0a8d0;border-color:#ffffff26}.badge{letter-spacing:.4px;border-radius:20px;padding:4px 12px;font-size:11px;font-weight:700;display:inline-block}.tag-yt{color:#c4b5fd;background:#8b5cf626;border:1px solid #8b5cf633}.tag-ig{color:#f9a8d4;background:#ec489926;border:1px solid #ec489933}.glow-orb{filter:blur(80px);pointer-events:none;border-radius:50%;animation:12s ease-in-out infinite orbFloat;position:fixed}@keyframes orbFloat{0%,to{transform:translate(0)scale(1)}33%{transform:translate(30px,-20px)scale(1.05)}66%{transform:translate(-20px,15px)scale(.95)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes shimmerMove{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.fade-up{animation:.6s forwards fadeUp}.pulse-anim{animation:2s ease-in-out infinite pulse}.spin{animation:2s linear infinite spin}.shimmer-text{background:linear-gradient(90deg,#8b5cf6,#ec4899,#06b6d4,#8b5cf6) 0 0/300% 100%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;animation:4s linear infinite shimmerMove}.credit-bar{background:#ffffff12;border-radius:99px;height:6px;overflow:hidden}.toast{z-index:999;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid;border-radius:16px;padding:13px 20px;font-size:14px;font-weight:600;animation:.3s fadeUp;position:fixed;bottom:28px;right:28px}.metric-card{background:#ffffff08;border:1px solid #ffffff12;border-radius:18px;padding:20px;position:relative;overflow:hidden}.metric-card:before{content:"";background:linear-gradient(90deg,#0000,#8b5cf680,#0000);height:1px;position:absolute;top:0;left:0;right:0}.pricing-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff08;border:1px solid #ffffff14;border-radius:24px;padding:30px 26px;transition:all .3s;position:relative;overflow:hidden}.pricing-card:before{content:"";opacity:0;height:2px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.pricing-card:hover{border-color:#8b5cf64d;transform:translateY(-6px)}.pricing-card:hover:before{opacity:1}.pricing-card.pro-card{background:#8b5cf60f;border-color:#8b5cf666}.pricing-card.pro-card:before{opacity:1;background:linear-gradient(90deg,#0000,#8b5cf6,#0000)}@media (max-width:768px){.how-it-works-container>div:not(.step-card){display:none}}@keyframes softPulse{0%{opacity:1;transform:scale(1)}50%{opacity:.9;transform:scale(1.05)}to{opacity:1;transform:scale(1)}}.logo-icon{animation:3s ease-in-out infinite softPulse}@media (max-width:768px){.fade-up h1{font-size:36px!important}.fade-up p,.feature-card div:first-of-type{font-size:16px!important}.feature-card div:last-of-type{font-size:12px!important}.pricing-card .price{font-size:32px!important}.pricing-card .plan-name{font-size:18px!important}.pricing-card button{padding:10px!important;font-size:14px!important}.metric-card div:first-of-type{font-size:20px!important}.vid-row div[style*="font-weight: 600"]{font-size:13px!important}details summary{font-size:16px!important}.footer-text{font-size:12px!important}}