@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#050505;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body{margin:0;padding:0;width:100%;min-height:100vh}*{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:rgba(255,85,0,.5) #050505}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#050505;border-radius:4px}::-webkit-scrollbar-thumb{background:#ff55004d;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ff5500b3}:root{--primary: #ff5500;--primary-hover: #e04a00;--primary-glow: rgba(255, 85, 0, .3);--primary-light: rgba(255, 85, 0, .08);--bg-dark: #0a0a0a;--bg-darker: #050505;--bg-surface: #111111;--bg-surface-2: #161616;--text-main: #ffffff;--text-muted: #888888;--glass: rgba(18, 18, 18, .7);--glass-border: rgba(255, 255, 255, .06);--glass-border-hover: rgba(255, 255, 255, .15);--gold: #f5c518;--silver: #b0b8c8;--platinum: #e2e8f0}body{background-color:var(--bg-dark);color:var(--text-main);overflow-x:hidden;-webkit-font-smoothing:antialiased}.reveal{opacity:0;transform:translateY(30px);transition:all .8s cubic-bezier(.2,.8,.2,1);will-change:opacity,transform}.reveal.is-visible{opacity:1;transform:translateY(0)}.delay-1{transition-delay:.1s}.delay-2{transition-delay:.2s}.delay-3{transition-delay:.3s}.delay-4{transition-delay:.4s}.delay-5{transition-delay:.5s}@keyframes slideRightShow{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}.landing-container{min-height:100vh;position:relative;background-color:var(--bg-dark);overflow:hidden}.orb{position:fixed;border-radius:50%;pointer-events:none;z-index:0;filter:blur(120px);opacity:.5}.orb-1{width:70vw;height:70vh;top:-20%;right:-10%;background:radial-gradient(circle,rgba(255,255,255,.03) 0%,transparent 70%);animation:orbFloat1 15s ease-in-out infinite alternate}.orb-2{width:60vw;height:60vh;bottom:-20%;left:-15%;background:radial-gradient(circle,rgba(255,85,0,.05) 0%,transparent 70%);animation:orbFloat2 20s ease-in-out infinite alternate}.orb-3{width:40vw;height:40vh;top:40%;left:30%;background:radial-gradient(circle,rgba(255,255,255,.02) 0%,transparent 70%);animation:orbFloat3 25s ease-in-out infinite alternate}@keyframes orbFloat1{0%{transform:translate(0) scale(1)}to{transform:translate(-5%,8%) scale(1.1)}}@keyframes orbFloat2{0%{transform:translate(0) scale(1)}to{transform:translate(8%,-5%) scale(1.15)}}@keyframes orbFloat3{0%{transform:translate(0) scale(1)}to{transform:translate(-10%,10%) scale(.9)}}.landing-nav{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 7%;position:fixed;top:0;left:0;width:100%;z-index:1000;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);background:#0a0a0acc;border-bottom:1px solid var(--glass-border);transition:all .3s ease}.logo{font-size:1.8rem;font-weight:900;color:var(--text-main);display:flex;align-items:center;gap:.5rem;letter-spacing:-.5px;text-transform:uppercase;cursor:pointer}.logo svg{color:var(--primary);filter:drop-shadow(0 0 10px var(--primary-glow))}.logo-max{color:var(--primary);filter:drop-shadow(0 0 8px var(--primary-glow))}.nav-links-wrapper{display:flex;align-items:center;gap:2.5rem}.nav-links{display:flex;gap:2.5rem;list-style:none;background:#ffffff08;padding:.55rem 1.75rem;border-radius:99px;border:1px solid var(--glass-border)}.nav-links a{text-decoration:none;color:var(--text-muted);font-weight:500;font-size:.95rem;transition:color .3s ease}.nav-links a:hover{color:var(--text-main)}.nav-actions{display:flex;align-items:center;gap:1rem}.mobile-login-btn{display:none}.hamburger{display:none;flex-direction:column;justify-content:space-between;width:30px;height:20px;background:transparent;border:none;cursor:pointer;padding:0;z-index:1001}.hamburger span{width:100%;height:2px;background-color:var(--text-main);border-radius:10px;transition:all .3s cubic-bezier(.2,.8,.2,1);transform-origin:left}.hamburger.active span:nth-child(1){transform:rotate(45deg)}.hamburger.active span:nth-child(2){opacity:0;transform:translate(20px)}.hamburger.active span:nth-child(3){transform:rotate(-45deg)}.btn-primary{background:var(--primary);color:#fff;padding:.8rem 2rem;border-radius:99px;font-size:.95rem;font-weight:600;border:none;cursor:pointer;transition:all .3s cubic-bezier(.2,.8,.2,1);box-shadow:0 4px 20px var(--primary-glow);position:relative;overflow:hidden}.btn-primary:hover{background:var(--primary-hover);transform:translateY(-2px);box-shadow:0 8px 35px var(--primary-glow)}.btn-primary.large{padding:1.05rem 3rem;font-size:1.05rem}.btn-secondary{background:transparent;border:1px solid rgba(255,255,255,.15);color:var(--text-main);padding:.8rem 2rem;border-radius:99px;font-size:.95rem;font-weight:600;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.btn-secondary:hover{background:#ffffff12;border-color:#ffffff40;transform:translateY(-2px)}.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:10rem 7% 5rem;position:relative;z-index:1}.hero-content{text-align:center;max-width:960px;display:flex;flex-direction:column;align-items:center;animation:fadeInUp 1s ease-out}.badge{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);padding:.5rem 1.5rem;border-radius:99px;font-size:.78rem;color:var(--text-main);margin-bottom:2rem;text-transform:uppercase;letter-spacing:2px;font-weight:700;box-shadow:0 0 20px #ffffff0d}.hero h1{font-size:3.8rem;font-weight:900;line-height:1.05;letter-spacing:-.04em;margin-bottom:1.75rem;color:var(--text-main)}.hero-title-gradient{display:block;background:linear-gradient(135deg,#fff 0% 50%,#f50);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 20px rgba(255,255,255,.1))}.hero p{font-size:1.2rem;color:var(--text-muted);max-width:700px;margin-bottom:3rem;line-height:1.7;font-weight:400}.hero-btns{display:flex;gap:1.25rem;margin-bottom:2.5rem}.hero-trust{display:flex;gap:2rem;font-size:.88rem;color:var(--text-muted);font-weight:500}.hero-trust span{display:flex;align-items:center;gap:.4rem}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%{box-shadow:0 0 0 0 var(--primary-glow)}70%{box-shadow:0 0 0 18px #f500}to{box-shadow:0 0 #f500}}.pulse-animation{animation:pulse 2.5s infinite}.stats-section{padding:4rem 7%;display:flex;justify-content:center;gap:6rem;background:linear-gradient(90deg,transparent,rgba(255,255,255,.02),transparent);border-top:1px solid var(--glass-border);border-bottom:1px solid var(--glass-border);position:relative;z-index:1}.stat-item{text-align:center}.stat-item h2{font-size:2.6rem;margin-bottom:.4rem;color:var(--text-main);font-weight:900;letter-spacing:-.05em;line-height:1;background:linear-gradient(180deg,#fff,#aaa);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.stat-item p{color:var(--text-muted);text-transform:uppercase;letter-spacing:2px;font-size:.72rem;font-weight:700}.section-header{text-align:center;margin-bottom:4rem}.section-badge{display:inline-block;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);padding:.4rem 1.2rem;border-radius:99px;font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:2px;font-weight:700;margin-bottom:1.25rem}.section-header h2{font-size:2.4rem;font-weight:800;letter-spacing:-.04em;margin-bottom:1rem}.section-header p{font-size:1.1rem;color:var(--text-muted);max-width:600px;margin:0 auto;line-height:1.6}.categories-section{padding:7rem 7%;position:relative;z-index:1}.categories-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}.category-card{background:var(--bg-surface);border:1px solid var(--glass-border);border-radius:20px;padding:2rem 1.5rem;text-align:center;transition:all .4s cubic-bezier(.2,.8,.2,1);cursor:pointer;position:relative;overflow:hidden}.category-card:before{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--primary);transform:scaleX(0);transition:transform .4s ease}.category-card:hover:before{transform:scaleX(1)}.category-card:hover{transform:translateY(-10px);border-color:var(--glass-border-hover);background:var(--bg-surface-2);box-shadow:0 25px 50px #0009}.cat-icon{font-size:3rem;margin-bottom:1rem;display:block;color:var(--text-muted);transition:all .3s ease}.category-card:hover .cat-icon{color:var(--primary);filter:drop-shadow(0 0 15px rgba(255,85,0,.4))}.category-card h3{font-size:1.25rem;font-weight:700;margin-bottom:.75rem;color:var(--text-main)}.category-card p{font-size:.9rem;color:var(--text-muted);line-height:1.6;margin-bottom:1.25rem}.cat-count{font-size:.78rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:1.5px;background:#ffffff0d;padding:.3rem .8rem;border-radius:99px;border:1px solid rgba(255,255,255,.1);transition:all .3s ease}.category-card:hover .cat-count{color:var(--primary);background:#ff55001a;border-color:#f503}.cat-live .cat-icon:after{content:"";display:inline-block;width:8px;height:8px;background:#f33;border-radius:50%;position:relative;top:-2.5rem;margin-left:-.5rem;box-shadow:0 0 8px #f33;animation:livePulse 1.5s infinite}@keyframes livePulse{0%,to{opacity:1}50%{opacity:.3}}.features{padding:2rem 7% 7rem;position:relative;z-index:1}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.feature-card{background:linear-gradient(135deg,var(--bg-surface) 0%,rgba(20,20,20,.8) 100%);border:1px solid var(--glass-border);padding:1.5rem 1.25rem;border-radius:20px;transition:all .5s cubic-bezier(.25,.8,.25,1);position:relative;overflow:hidden;text-align:center}.feature-card:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,rgba(255,255,255,.03) 0%,transparent 100%);opacity:0;transition:opacity .5s ease;pointer-events:none}.feature-card:hover:after{opacity:1}.feature-card:hover{transform:translateY(-15px);border-color:#f506;background:var(--bg-surface-2);box-shadow:0 20px 40px #000c,0 0 20px #ff55001a}.feature-icon{width:44px;height:44px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;margin:0 auto 1.25rem;display:flex;align-items:center;justify-content:center;color:var(--text-muted);transition:all .4s cubic-bezier(.34,1.56,.64,1)}.feature-icon svg{width:22px;height:22px}.feature-card:hover .feature-icon{background:var(--primary);color:#fff;box-shadow:0 10px 30px var(--primary-glow);transform:translateY(-8px) scale(1.1)}.feature-card h3{font-size:1.1rem;margin-bottom:.5rem;font-weight:700}.feature-card p{color:var(--text-muted);line-height:1.5;font-size:.82rem}.plans-section{padding:4rem 7%;position:relative;z-index:1;background:linear-gradient(180deg,transparent,rgba(255,255,255,.02),transparent)}.plans-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;align-items:stretch;max-width:1100px;margin:0 auto}.plan-card{background:var(--bg-surface);border-radius:20px;padding:1.25rem 1.5rem;border:1px solid var(--glass-border);position:relative;transition:all .4s cubic-bezier(.2,.8,.2,1);display:flex;flex-direction:column;gap:0}.plan-card:hover{transform:translateY(-10px);box-shadow:0 30px 60px #0009}.plan-silver{border-color:#b0b8c833}.plan-silver:hover{border-color:#b0b8c866}.plan-gold{border-color:#f5c51866;background:linear-gradient(180deg,rgba(245,197,24,.08) 0%,var(--bg-surface) 30%);position:relative;z-index:2;transform:none}.plan-gold:hover{transform:translateY(-12px);border-color:#f5c51899;box-shadow:0 30px 60px #f5c51826,0 0 20px #f5c5181a}.plan-platinum{border-color:#e2e8f033}.plan-platinum:hover{border-color:#e2e8f059}.plan-badge-popular{position:absolute;top:-14px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#f5c518,#e0a800);color:#000;font-size:.75rem;font-weight:800;padding:.35rem 1.25rem;border-radius:99px;text-transform:uppercase;letter-spacing:1px;white-space:nowrap;box-shadow:0 4px 15px #f5c51866}.plan-header{text-align:center;padding-bottom:1rem;margin-bottom:1rem;border-bottom:1px solid var(--glass-border)}.plan-header h3{font-size:1.1rem;font-weight:800;margin-bottom:.25rem;color:var(--text-main)}.plan-silver .plan-header h3{color:var(--silver)}.plan-gold .plan-header h3{color:var(--gold)}.plan-platinum .plan-header h3{color:var(--platinum)}.plan-desc{font-size:.8rem;color:var(--text-muted);margin-bottom:1rem}.plan-price{display:flex;align-items:flex-end;justify-content:center;gap:.25rem}.price-amount{font-size:2.2rem;font-weight:900;letter-spacing:-.05em;color:var(--text-main);line-height:1}.price-period{font-size:.85rem;color:var(--text-muted);padding-bottom:.35rem;font-weight:500}.plan-features{list-style:none;display:flex;flex-direction:column;gap:.65rem;margin-bottom:1.5rem;flex-grow:1}.plan-features li{display:flex;align-items:center;gap:.6rem;font-size:.82rem;color:var(--text-muted);font-weight:400}.check-icon{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;background:#ff550026;color:var(--primary);font-size:.65rem;font-weight:800;flex-shrink:0}.plan-gold .check-icon{background:#f5c51826;color:var(--gold)}.feature-negative{opacity:.55}.x-icon{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;background:#ef444426;color:#ef4444;font-size:.6rem;font-weight:800;flex-shrink:0}.btn-plan{width:100%;padding:.75rem;border-radius:10px;font-size:.9rem;font-weight:700;cursor:pointer;border:none;transition:all .3s cubic-bezier(.2,.8,.2,1);margin-bottom:.5rem;letter-spacing:.2px}.btn-plan-primary{background:linear-gradient(135deg,#f5c518,#e0a800);color:#000;box-shadow:0 4px 20px #f5c51859}.btn-plan-primary:hover{transform:translateY(-2px);box-shadow:0 8px 30px #f5c51880}.btn-plan-secondary{background:#ff55001a;color:var(--primary);border:1px solid rgba(255,85,0,.25)}.btn-plan-secondary:hover{background:var(--primary);color:#fff;transform:translateY(-2px);box-shadow:0 8px 25px var(--primary-glow)}.plan-trial{text-align:center;font-size:.78rem;color:var(--text-muted);font-weight:400}.cta-section{padding:5rem 7%;position:relative;z-index:1}.cta-container{background:linear-gradient(135deg,#111,#050505);border:1px solid var(--glass-border);border-radius:30px;padding:4rem 2rem;text-align:center;position:relative;overflow:hidden;box-shadow:0 30px 60px #000000b3,0 0 30px #ff55001a}.cta-content{position:relative;z-index:5;max-width:800px;margin:0 auto}.cta-badge{display:inline-block;color:var(--primary);font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:2px;margin-bottom:1.5rem;background:#ff55001f;padding:.5rem 1.5rem;border-radius:99px;border:1px solid rgba(255,85,0,.2)}.cta-container h2{font-size:2.5rem;font-weight:900;margin-bottom:1.5rem;letter-spacing:-1.5px;line-height:1.1}.cta-container p{font-size:1rem;color:var(--text-muted);margin-bottom:3rem;line-height:1.6}.cta-btn{padding:1rem 3rem!important;font-size:1rem!important;text-transform:uppercase;letter-spacing:1px;box-shadow:0 10px 25px var(--primary-glow)!important}.cta-glow-bg{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 50% 120%,rgba(255,85,0,.2) 0%,transparent 60%);z-index:1}.cta-orb{position:absolute;border-radius:50%;filter:blur(80px);z-index:2;opacity:.3}.cta-orb-1{width:300px;height:300px;top:-150px;left:-150px;background:var(--primary);animation:orbFloat1 15s ease-in-out infinite alternate}.cta-orb-2{width:250px;height:250px;bottom:-100px;right:-100px;background:#fa0;animation:orbFloat2 20s ease-in-out infinite alternate}footer{padding:5rem 7% 2rem;border-top:1px solid var(--glass-border);background:var(--bg-darker);position:relative;z-index:1}.footer-content{display:grid;grid-template-columns:1fr 2fr;gap:4rem;margin-bottom:4rem}.footer-brand{max-width:320px}.footer-brand p{color:var(--text-muted);font-size:.9rem;margin:1.25rem 0;line-height:1.65}.footer-logo{display:flex;align-items:center;gap:.75rem;font-weight:900;font-size:1.5rem;letter-spacing:-.5px;text-transform:uppercase;color:var(--text-main)}.footer-logo svg{color:var(--primary);filter:drop-shadow(0 0 8px var(--primary-glow))}.social-links{display:flex;gap:.75rem}.social-links a{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;background:#ffffff08;border:1px solid var(--glass-border);color:var(--text-muted);text-decoration:none;font-size:.82rem;font-weight:700;transition:all .3s ease}.social-links a:hover{background:var(--primary);color:#fff;border-color:var(--primary);box-shadow:0 0 15px var(--primary-glow);transform:translateY(-3px)}.footer-links-group{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.footer-links h4{color:var(--text-main);font-size:1rem;font-weight:700;margin-bottom:1.5rem}.footer-links a{display:block;color:var(--text-muted);text-decoration:none;font-size:.9rem;margin-bottom:.9rem;transition:color .3s ease}.footer-links a:hover{color:var(--primary)}.footer-bottom{padding-top:2rem;border-top:1px solid rgba(255,255,255,.04);text-align:center}.footer-bottom p{color:#a0a0a080;font-size:.82rem}@media(max-width:1200px){.hero h1{font-size:3.2rem}.categories-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:992px){.nav-links-wrapper{position:fixed;top:0;right:-100%;width:100%;height:100vh;background:#0a0a0afa;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);flex-direction:column;justify-content:center;padding:2rem;transition:right .5s cubic-bezier(.2,.8,.2,1);z-index:1000;gap:3rem}.nav-links-wrapper.active{right:0}.nav-links{flex-direction:column;background:transparent;border:none;padding:0;gap:2rem;text-align:center}.nav-links a{font-size:1.15rem;font-weight:700}.hamburger{display:flex}.desktop-login-btn{display:none}.mobile-login-btn{display:block;width:100%;max-width:300px;font-size:1.1rem}.landing-container.menu-open{overflow:hidden}}@media(max-width:900px){.landing-nav{padding:1rem 5%}.hero h1{font-size:2.8rem}.hero p{font-size:1.1rem}.features-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}.stats-section{gap:3rem;padding:3rem 5%;flex-wrap:wrap}.stat-item{flex:1 1 40%}}@media(max-width:768px){.landing-nav{padding:.8rem 5%}.hero{padding:8rem 5% 4rem}.hero h1{font-size:2.4rem}.hero-btns{flex-direction:column;width:100%;gap:1rem}.btn-primary.large,.btn-secondary{width:100%;text-align:center}.section-header h2{font-size:2rem}.categories-grid,.features-grid,.plans-grid{grid-template-columns:1fr}.category-card,.feature-card{max-width:450px;margin:0 auto;width:100%}.cta-container{padding:3rem 1.5rem}.cta-container h2{font-size:2rem}.footer-content{grid-template-columns:1fr;gap:3rem;text-align:center}.footer-brand{margin:0 auto}.footer-links-group{grid-template-columns:repeat(2,1fr);text-align:left}.social-links{justify-content:center}}@media(max-width:480px){.logo{font-size:1.2rem}.logo svg{width:24px;height:24px}.hero h1{font-size:1.85rem;line-height:1.1}.hero p{font-size:.88rem;line-height:1.4;margin-bottom:1.5rem}.hero-btns{gap:.75rem}.badge{font-size:.65rem;padding:.35rem 1rem;margin-bottom:1.25rem}.hero-trust{flex-direction:column;gap:.5rem;align-items:center;font-size:.75rem}.stat-item h2{font-size:1.75rem}.stat-item p{font-size:.65rem}.section-header h2{font-size:1.6rem}.section-header p{font-size:.85rem}.stat-item{flex:1 1 100%;padding:1rem 0;border-bottom:1px solid var(--glass-border)}.stat-item:last-child{border-bottom:none}.cta-container h2{font-size:1.5rem}.btn-primary.large,.btn-secondary{padding:.8rem 1.5rem!important;font-size:.9rem!important;width:auto!important;max-width:280px;margin:0 auto}.cta-btn{padding:.8rem 1.5rem!important;font-size:.85rem!important;letter-spacing:.5px}.footer-links-group{grid-template-columns:1fr;text-align:center;gap:1.5rem}.footer-brand p{font-size:.8rem}.footer-links h4{margin-bottom:.75rem;font-size:.9rem}.footer-links a{font-size:.8rem;margin-bottom:.5rem}}:root{--primary: #ff5500;--primary-hover: #e04a00;--primary-glow: rgba(255, 85, 0, .4);--bg-dark: #0a0a0a;--text-main: #ffffff;--text-muted: #888888}*{margin:0;padding:0;box-sizing:border-box;font-family:Inter,sans-serif;letter-spacing:-.01em}.login-wrapper{height:100vh;width:100vw;display:flex;align-items:center;justify-content:center;background-color:#050505;position:fixed;top:0;left:0;overflow:hidden}.login-dynamic-bg{position:absolute;top:-5%;left:-5%;width:110%;height:110%;background-size:cover;background-position:center top;opacity:0;transition:opacity 1.5s ease-in-out,transform 10s ease-out;transform:scale(1);z-index:0}.login-dynamic-bg.active{opacity:.6;transform:scale(1.05)}.login-bg-orb{position:absolute;border-radius:50%;pointer-events:none;filter:blur(130px);opacity:.6}.orb-a{width:55vw;height:55vh;top:-15%;right:-10%;background:radial-gradient(circle,rgba(255,85,0,.25) 0%,transparent 70%);animation:loginOrbA 18s ease-in-out infinite alternate}.orb-b{width:45vw;height:45vh;bottom:-20%;left:-10%;background:radial-gradient(circle,rgba(180,40,0,.15) 0%,transparent 70%);animation:loginOrbB 22s ease-in-out infinite alternate}@keyframes loginOrbA{0%{transform:translate(0)}to{transform:translate(-4%,6%)}}@keyframes loginOrbB{0%{transform:translate(0)}to{transform:translate(6%,-4%)}}.login-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#000000e0,#000000a6);z-index:1}.back-btn{position:fixed;top:1.5rem;left:1.75rem;z-index:100;display:flex;align-items:center;gap:.5rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:var(--text-muted);font-size:.88rem;font-weight:500;padding:.55rem 1.1rem;border-radius:99px;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.back-btn:hover{color:var(--text-main);background:#ffffff17;border-color:#fff3;transform:translate(-3px)}.plan-selected-banner{position:relative;z-index:10;background:#ff55001a;border:1px solid rgba(255,85,0,.3);border-radius:12px;padding:.75rem 1.25rem;margin-bottom:1rem;display:flex;align-items:center;gap:.6rem;font-size:.9rem;color:var(--text-main);font-weight:500;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:slideDown .4s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.plan-star{font-size:1rem}.plan-trial-tag{margin-left:auto;font-size:.75rem;font-weight:700;color:var(--primary);background:#ff55001a;padding:.2rem .6rem;border-radius:99px;border:1px solid rgba(255,85,0,.2);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.login-container{position:relative;z-index:2;width:100%;max-width:460px;padding:1rem}.login-card{background:#0c0c0cd9;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);border:1px solid rgba(255,255,255,.07);border-radius:22px;padding:1.5rem 1.8rem;box-shadow:0 0 0 1px #ffffff08,0 30px 60px #000c,inset 0 1px #ffffff14;width:100%;position:relative;overflow:hidden}.laser-border{position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent 0%,transparent 20%,rgba(255,85,0,.6) 40%,rgba(255,150,50,1) 50%,rgba(255,85,0,.6) 60%,transparent 80%,transparent 100%);background-size:200% 100%;animation:laserSweep 4s linear infinite;border-radius:22px 22px 0 0}@keyframes laserSweep{0%{background-position:-100% 0;opacity:0}10%{opacity:1}90%{opacity:1}to{background-position:200% 0;opacity:0}}.login-header{text-align:center;margin-bottom:1.2rem}.login-logo{display:inline-flex;align-items:center;gap:.5rem;font-size:1.25rem;font-weight:900;color:var(--text-main);text-transform:uppercase;letter-spacing:-.5px;margin-bottom:.5rem}.login-logo svg{color:var(--primary);filter:drop-shadow(0 0 8px var(--primary-glow));width:24px;height:24px}.login-logo span{color:var(--primary);filter:drop-shadow(0 0 6px var(--primary-glow))}.login-header h2{color:var(--text-main);font-size:1.4rem;font-weight:800;margin-bottom:.2rem;letter-spacing:-.03em}.login-header p{color:var(--text-muted);font-size:.85rem;line-height:1.4}.auth-tabs{display:flex;background:#ffffff0a;border-radius:10px;padding:.2rem;margin-bottom:1.1rem;border:1px solid rgba(255,255,255,.06)}.auth-tab{flex:1;padding:.55rem;border:none;background:transparent;color:var(--text-muted);font-size:.88rem;font-weight:600;cursor:pointer;border-radius:8px;transition:all .3s ease;font-family:Inter,sans-serif;letter-spacing:-.01em}.auth-tab.active{background:var(--primary);color:#fff;box-shadow:0 4px 15px var(--primary-glow);cursor:default}.auth-tab:not(.active):hover{color:var(--text-main);background:#ffffff0f}.login-form{display:flex;flex-direction:column;gap:.85rem}.input-group{display:flex;flex-direction:column;gap:.5rem}.input-group label{color:var(--text-main);font-size:.82rem;font-weight:500;display:flex;align-items:center;gap:.4rem;margin-left:.1rem}.input-group label svg{color:var(--text-muted);width:13px;height:13px}.input-group input{background:#ffffff0a;border:1px solid rgba(255,255,255,.09);border-radius:11px;padding:.7rem 1rem;color:#fff;font-size:.9rem;outline:none;transition:all .3s ease;width:100%;font-family:Inter,sans-serif}.input-group input:focus{border-color:var(--primary);background:#ffffff12;box-shadow:0 0 0 3px #ff55001f}.input-group input::placeholder{color:#8889}.password-wrapper{position:relative}.password-wrapper input{padding-right:3rem}.toggle-password{position:absolute;right:.9rem;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-muted);cursor:pointer;padding:.2rem;display:flex;align-items:center;justify-content:center;transition:color .2s}.toggle-password:hover{color:var(--text-main)}.login-options{display:flex;justify-content:space-between;align-items:center;font-size:.85rem;margin-top:-.25rem}.remember-me{display:flex;align-items:center;gap:.5rem;color:var(--text-muted);cursor:pointer;-webkit-user-select:none;user-select:none}.remember-me input[type=checkbox]{accent-color:var(--primary);width:15px;height:15px;cursor:pointer}.forgot-password{color:var(--primary);text-decoration:none;font-weight:500;transition:color .3s}.forgot-password:hover{color:var(--primary-hover);text-decoration:underline}.btn-login{background:linear-gradient(135deg,#f50,#c40);color:#fff;border:none;border-radius:11px;padding:.85rem;font-size:.95rem;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.2,.8,.2,1);margin-top:.2rem;box-shadow:0 4px 20px var(--primary-glow);letter-spacing:.3px;font-family:Inter,sans-serif;position:relative;overflow:hidden}.btn-login:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s ease}.btn-login:hover:before{left:100%}.btn-login:hover{transform:translateY(-2px);box-shadow:0 8px 35px var(--primary-glow)}.btn-login:active{transform:translateY(0)}.loading-dots{display:inline-flex;gap:6px;align-items:center;justify-content:center}.loading-dots span{display:inline-block;width:7px;height:7px;background:#fffc;border-radius:50%;animation:dot-bounce 1.2s infinite ease-in-out}.loading-dots span:nth-child(1){animation-delay:0s}.loading-dots span:nth-child(2){animation-delay:.2s}.loading-dots span:nth-child(3){animation-delay:.4s}@keyframes dot-bounce{0%,80%,to{transform:scale(.7);opacity:.5}40%{transform:scale(1);opacity:1}}.register-disclaimer{text-align:center;margin-top:1rem;font-size:.78rem;color:#888888b3;line-height:1.5}.register-disclaimer a{color:var(--primary);text-decoration:none;font-weight:500}.register-disclaimer a:hover{text-decoration:underline}.alert{padding:.75rem 1rem;border-radius:10px;margin-bottom:.5rem;font-size:.85rem;text-align:center;font-weight:500;animation:alertPop .3s ease-out}@keyframes alertPop{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.alert-success{background:#00c8641a;color:#4ade80;border:1px solid rgba(0,200,100,.2)}.alert-error{background:#ff32321a;color:#f87171;border:1px solid rgba(255,50,50,.2)}.alert-info{background:#3296ff1a;color:#60a5fa;border:1px solid rgba(50,150,255,.2)}button:disabled{opacity:.55;cursor:not-allowed!important;transform:none!important}@media(max-width:520px){.login-wrapper{height:100vh;overflow:hidden;align-items:center;padding:0}.login-container{padding:.5rem;max-width:92%;display:flex;flex-direction:column;justify-content:center;transform:scale(.92)}.login-card{padding:1.25rem 1rem}.login-header{margin-bottom:.8rem}.login-header h2{font-size:1.25rem}.login-header p{font-size:.8rem}.auth-tabs{margin-bottom:.8rem}.auth-tab{padding:.4rem;font-size:.8rem}.input-group{gap:.35rem}.input-group label{font-size:.75rem}.input-group input{padding:.6rem .85rem;font-size:.85rem}.btn-login{padding:.75rem;font-size:.9rem}.back-btn{top:.75rem;left:.75rem;padding:.35rem .75rem;font-size:.75rem;z-index:100}.login-options{flex-direction:column;gap:.75rem;align-items:flex-start;font-size:.75rem;margin-top:.25rem}.forgot-password{margin-left:.1rem}.plan-selected-banner{font-size:.75rem;padding:.5rem .75rem;margin-bottom:.5rem}}@media(max-height:500px)and (max-width:900px){.login-container{transform:scale(.65)}.back-btn{display:none}}:root{--bg-dark: #0a0b0c;--card-bg: #141517;--accent-orange: #ff5500;--accent-purple: #a855f7;--text-primary: #ffffff;--text-secondary: #8b9098;--bg-gradient: radial-gradient(circle at 50% 50%, #16171a 0%, #0a0b0c 100%)}.plans-view-container{min-height:100vh;background:var(--bg-dark);color:var(--text-primary);font-family:Inter,sans-serif;position:relative;overflow-x:hidden;padding:0 5%}.plans-bg-glow{position:fixed;top:50%;left:50%;width:100vw;height:100vh;background:radial-gradient(circle at center,rgba(255,85,0,.05) 0%,transparent 70%);pointer-events:none;transform:translate(-50%,-50%);z-index:0}.plans-bg-orb{position:fixed;width:600px;height:600px;border-radius:50%;filter:blur(120px);z-index:0;opacity:.15;pointer-events:none}.orb-1{top:-200px;right:-200px;background:var(--accent-orange);animation:floating 20s infinite alternate linear}.orb-2{bottom:-200px;left:-200px;background:var(--accent-purple);animation:floating 25s infinite alternate-reverse linear}@keyframes floating{0%{transform:translate(0)}to{transform:translate(100px,100px)}}.plans-nav{display:flex;justify-content:space-between;align-items:center;padding:2rem 0;position:relative;z-index:10}.plans-nav .logo{display:flex;align-items:center;gap:10px;font-size:1.5rem;font-weight:800;cursor:pointer}.plans-nav .logo span{color:var(--accent-orange)}.btn-dash{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fff;padding:.7rem 1.5rem;border-radius:12px;font-weight:600;cursor:pointer;transition:all .2s}.btn-dash:hover{background:#ffffff1a;border-color:#fff3}.plans-header{text-align:center;padding:3rem 0;max-width:800px;margin:0 auto;position:relative;z-index:5}.plans-header .badge{background:#ff55001a;color:var(--accent-orange);padding:.5rem 1.2rem;border-radius:99px;font-weight:700;font-size:.8rem;display:inline-block;margin-bottom:1.5rem;text-transform:uppercase;letter-spacing:1px}.plans-header h1{font-size:2rem;font-weight:800;margin-bottom:.75rem;line-height:1.1;letter-spacing:-.5px}.text-gradient{background:linear-gradient(135deg,#fff,#aaa);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.plans-header p{color:var(--text-secondary);font-size:.9rem;line-height:1.4;max-width:500px;margin:0 auto}.active-plan-info{margin-top:2rem;background:#22c55e1a;border:1px solid rgba(34,197,94,.2);color:#22c55e;padding:.75rem 1.5rem;border-radius:12px;display:inline-block;font-size:.95rem}.active-plan-info strong{color:#fff}.plans-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;padding:1rem 0 3rem;position:relative;z-index:5;max-width:1200px;margin:0 auto}.plan-card{background:#141517bf;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:1.25rem;position:relative;transition:all .3s ease;display:flex;flex-direction:column}.plan-card:hover{transform:translateY(-10px);border-color:var(--plan-color);box-shadow:0 30px 60px -20px #00000080}.popular{transform:scale(1.05);background:linear-gradient(145deg,#141517,#1a1b1e)}.popular-badge{position:absolute;top:-15px;left:50%;transform:translate(-50%);background:var(--accent-orange);color:#fff;padding:.4rem 1.2rem;border-radius:99px;font-size:.75rem;font-weight:900;letter-spacing:1px}.plan-card h3{font-size:1.1rem;font-weight:700;margin-bottom:.4rem}.price-box{display:flex;align-items:baseline;margin-bottom:.25rem}.currency{font-size:1rem;font-weight:600;color:var(--text-secondary)}.amount{font-size:1.8rem;font-weight:900;line-height:1}.period{color:var(--text-secondary);margin-left:.2rem;font-weight:500;font-size:.7rem}.plan-subtitle{font-size:.75rem;color:var(--text-secondary);margin-bottom:1.25rem}.divider{height:1px;background:linear-gradient(90deg,#ffffff1a,#fff0);margin-bottom:1.25rem}.features-list{list-style:none;padding:0;margin:0 0 1.25rem;display:flex;flex-direction:column;gap:.6rem;flex:1}.features-list li{display:flex;align-items:center;gap:8px;font-size:.75rem;color:#cbd5e1}.features-list li svg{width:14px;height:14px;color:var(--plan-color);flex-shrink:0}.features-list li.negative{opacity:.5}.features-list li.negative .x-icon{width:20px;height:20px;color:#f43f5e;text-align:center;font-weight:800;font-size:.8rem;flex-shrink:0}.btn-select{width:100%;padding:.75rem;border-radius:12px;font-weight:700;font-size:.9rem;cursor:pointer;transition:all .3s;border:none;display:flex;justify-content:center;align-items:center}.btn-select.primary{background:var(--plan-color);color:#fff;box-shadow:0 4px 12px -2px #ff55004d}.btn-select.primary:hover{transform:translateY(-2px);box-shadow:0 15px 30px -5px #ff550080}.btn-select.secondary{background:#ffffff0d;color:#fff;border:1px solid rgba(255,255,255,.1)}.btn-select.secondary:hover{background:#ffffff1a;border-color:var(--plan-color)}.trial-hint{text-align:center;font-size:.8rem;color:var(--text-secondary);margin-top:1rem}.plans-view-loading{height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--bg-dark);color:#fff}.spinner{width:50px;height:50px;border:3px solid rgba(255,255,255,.1);border-top-color:var(--accent-orange);border-radius:50%;animation:spin 1s infinite linear;margin-bottom:1.5rem}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1024px){.popular{transform:scale(1)}}@media(max-width:768px){.plans-view-container{padding:0 1.5rem}.plans-header{padding:2rem 0}.plans-header h1{font-size:1.75rem}.plans-grid{grid-template-columns:1fr;max-width:400px;margin:0 auto}}*{font-family:Inter,sans-serif;box-sizing:border-box}.adm-layout{display:flex;height:100vh;width:100%;max-width:100%;overflow:hidden;background:#08090a;color:#f0f0f0;position:relative}.adm-sidebar{height:100vh;background:#0f1011;border-right:1px solid rgba(255,255,255,.06);display:flex;flex-direction:column;z-index:1001;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.1) transparent}.adm-sidebar::-webkit-scrollbar{width:4px}.adm-sidebar::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}.adm-sidebar-header{width:100%}.adm-topbar{padding:1rem 2rem}.adm-main-content{padding:1.75rem 2rem}.adm-hamburger{display:none;background:transparent;border:none;color:inherit;cursor:pointer;padding:.4rem;border-radius:8px}.adm-hamburger:hover{background:#ffffff0a}.adm-close-menu{display:none;margin-left:auto;background:#ffffff0d;border:none;color:#9ca3af;cursor:pointer;padding:.35rem;border-radius:8px}.adm-sidebar-overlay{position:fixed;inset:0;background:#000c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;animation:adm-fade-in .3s ease}@keyframes adm-fade-in{0%{opacity:0}to{opacity:1}}.adm-nav-item{display:flex;align-items:center;gap:.65rem;padding:.65rem .9rem;border-radius:8px;border:1px solid transparent;background:transparent;color:#6b7280;font-size:.85rem;font-weight:500;cursor:pointer;text-align:left;width:100%;transition:all .18s}.adm-nav-item:hover{background:#ff55000f;color:#f0f0f0;box-shadow:inset 4px 0 #ff550080}.adm-nav-item.active{border:1px solid rgba(255,85,0,.25);background:#ff55001f;color:#f50;font-weight:600;box-shadow:inset 4px 0 #f50}.adm-badge{display:inline-flex;align-items:center;padding:.25rem .7rem;border-radius:99px;font-size:.7rem;font-weight:700;letter-spacing:.3px;text-transform:uppercase}.badge-activo{background:#22c55e1a;color:#22c55e;border:1px solid rgba(34,197,94,.2)}.badge-suspendido{background:#f59e0b1a;color:#f59e0b;border:1px solid rgba(245,158,11,.2)}.badge-vencido{background:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.2)}.adm-btn-add{display:inline-flex;align-items:center;gap:.4rem;background:#f50;color:#fff;border:none;border-radius:8px;padding:.55rem 1.1rem;font-size:.82rem;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.adm-btn-add:hover{background:#e04a00;transform:translateY(-1px);box-shadow:0 4px 16px #ff55004d}.adm-btn-assign{display:inline-flex;align-items:center;gap:.4rem;background:transparent;color:#f50;border:1px solid rgba(255,85,0,.3);border-radius:7px;padding:.4rem .8rem;font-size:.78rem;font-weight:600;cursor:pointer;transition:all .18s;white-space:nowrap}.adm-btn-assign:hover{background:#ff55001a;border-color:#ff550080}.adm-icon-btn{width:30px;height:30px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.08);border-radius:7px;background:transparent;cursor:pointer;color:#6b7280;font-size:.9rem;transition:all .18s}.adm-edit:hover{background:#ff55001a;border-color:#ff550040;color:#f50}.adm-del:hover{background:#ef44441a;border-color:#ef444440;color:#ef4444}.adm-modal-overlay{position:fixed;inset:0;background:#000000bf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000}.adm-modal{background:#0f1011;border:1px solid rgba(255,85,0,.25);border-radius:18px;padding:2rem;width:100%;max-width:460px;display:flex;flex-direction:column;gap:.65rem;box-shadow:0 30px 80px #000000b3}.adm-modal h3{font-size:1.1rem;font-weight:700;color:#f0f0f0;padding-bottom:.75rem;border-bottom:1px solid rgba(255,255,255,.06);margin-bottom:.25rem}.adm-modal label{font-size:.72rem;color:#6b7280;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.adm-modal input,.adm-modal select{background:#161718;border:1px solid rgba(255,255,255,.1);border-radius:9px;padding:.7rem .9rem;color:#f0f0f0;font-size:.875rem;outline:none;width:100%;transition:border-color .2s}.adm-modal input:focus,.adm-modal select:focus{border-color:#f50}.adm-modal select option{background:#161718}.adm-btn-cancel{background:transparent;border:1px solid rgba(255,255,255,.1);color:#6b7280;border-radius:8px;padding:.6rem 1.2rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.adm-btn-cancel:hover{border-color:#f0f0f0;color:#f0f0f0}.adm-btn-save{background:#f50;border:none;color:#fff;border-radius:8px;padding:.6rem 1.25rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s}.adm-btn-save:hover{background:#e04a00;box-shadow:0 4px 16px #ff55004d}.adm-btn-save:disabled{pointer-events:none}main::-webkit-scrollbar{width:5px}main::-webkit-scrollbar-track{background:transparent}main::-webkit-scrollbar-thumb{background:#1d1e20;border-radius:3px}.adm-table-responsive{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.adm-table{width:100%;border-collapse:collapse;min-width:720px}.adm-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.adm-card-header{display:flex;justify-content:space-between;align-items:center;gap:.75rem}@media(max-width:768px){.adm-sidebar{position:fixed;left:-230px;top:0;bottom:0;width:230px;min-width:230px;box-shadow:20px 0 40px #0009;transition:transform .3s cubic-bezier(.4,0,.2,1)}.adm-sidebar.open{transform:translate(230px)}.adm-sidebar-header{display:flex;justify-content:space-between;align-items:center;padding-right:1rem}.adm-close-menu,.adm-hamburger{display:flex;align-items:center;justify-content:center}.adm-topbar{padding:.75rem 1rem}.adm-main-content{padding:1.25rem}.adm-stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.adm-topbar h1{font-size:1.05rem!important}.adm-topbar p{font-size:.7rem!important}.adm-main-content{padding:1rem .9rem}.adm-table{min-width:640px}.adm-stats-grid{grid-template-columns:1fr}.adm-card-header{flex-direction:column;align-items:flex-start}.adm-table th,.adm-table td{font-size:.78rem!important;padding:.55rem .7rem!important}.adm-btn-add,.adm-btn-assign{font-size:.75rem;padding:.45rem .8rem}.adm-stats-grid h2{font-size:1.6rem!important}.adm-stats-grid p{font-size:.7rem}}@media(max-width:375px){.adm-topbar h1{font-size:.95rem!important}}@media(max-width:320px){.adm-topbar h1{font-size:.9rem!important}.adm-topbar p{max-width:55vw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box;font-family:Inter,sans-serif}:root{--primary: #ff5500;--primary-glow: rgba(255, 85, 0, .25);--bg: #0a0a0a;--surface: #111111;--surface-2: #1a1a1a;--border: rgba(255, 255, 255, .07);--text: #ffffff;--muted: #6b7280}.client-layout{display:flex;height:100vh;width:100%;max-width:100%;background:var(--bg);color:var(--text);overflow:hidden;position:relative}.cl-sidebar{width:260px;min-width:260px;background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:1.5rem 1rem;z-index:1001;transition:transform .3s cubic-bezier(.4,0,.2,1);overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.1) transparent}.cl-sidebar::-webkit-scrollbar{width:4px}.cl-sidebar::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}.cl-logo{display:flex;align-items:center;gap:.6rem;font-size:1.25rem;font-weight:800;letter-spacing:1px;padding:.25rem .75rem 1.5rem}.cl-sidebar-header{display:none;width:100%}.cl-user-mini{display:flex;align-items:center;gap:.75rem;padding:1rem;background:var(--surface-2);border-radius:12px;border:1px solid var(--border);margin-bottom:1.5rem}.cl-avatar{width:36px;height:36px;border-radius:50%;background:var(--primary);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem;flex-shrink:0}.cl-username{font-size:.85rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:130px}.cl-plan-badge{font-size:.7rem;background:#ff55001f;color:var(--primary);padding:.15rem .5rem;border-radius:99px;font-weight:600}.cl-nav{display:flex;flex-direction:column;gap:.25rem;flex:1}.cl-nav-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-radius:10px;border:none;background:transparent;color:var(--muted);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;text-align:left;width:100%}.cl-nav-item:hover{background:#ff55000f;color:var(--text)}.cl-nav-item.active{background:#ff55001f;color:var(--primary);border:1px solid rgba(255,85,0,.2)}.cl-logout{color:#ef4444!important;margin-top:auto;min-height:44px}.cl-logout:hover{background:#ef44441a!important}.cl-sidebar-footer{margin-top:auto;display:flex;flex-direction:column;gap:.75rem;padding-top:1.5rem}.cl-main{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0}.cl-topbar{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 2rem;border-bottom:1px solid var(--border);background:var(--bg);min-height:70px}.cl-page-title{font-size:1.25rem;font-weight:700;margin:0;white-space:nowrap}.status-pill{padding:.4rem 1rem;border-radius:99px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center}.status-activo,.status-active{background:#22c55e1f;color:#22c55e;border:1px solid rgba(34,197,94,.25);box-shadow:0 0 15px #22c55e1a}.cl-content{flex:1;overflow-y:auto;padding:2rem 2.5rem}.cl-content::-webkit-scrollbar{width:6px}.cl-content::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.cl-section{display:flex;flex-direction:column;gap:1.5rem}.cl-muted{color:var(--muted);font-size:.875rem}.profile-card{display:flex;align-items:center;gap:1.75rem;background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:2rem}.profile-avatar-lg{width:72px;height:72px;border-radius:50%;background:linear-gradient(135deg,var(--primary),#ff8800);display:flex;align-items:center;justify-content:center;font-size:1.8rem;font-weight:800;flex-shrink:0;box-shadow:0 0 30px var(--primary-glow)}.profile-info h2{font-size:1.25rem;font-weight:700;margin-bottom:.25rem}.profile-tags{display:flex;gap:.5rem;margin-top:.75rem}.tag{padding:.25rem .75rem;border-radius:99px;font-size:.75rem;font-weight:600;background:#ff55001a;color:var(--primary);border:1px solid rgba(255,85,0,.2)}.tag-green{background:#22c55e1a;color:#22c55e;border:1px solid rgba(34,197,94,.2)}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.info-item{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:1.25rem}.info-item label{font-size:.75rem;color:var(--muted);text-transform:uppercase;letter-spacing:.5px;display:block;margin-bottom:.5rem}.info-item p{font-size:.95rem;font-weight:500}.sub-hero-card{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(135deg,#1a0a00,#1a1010);border:1px solid rgba(255,85,0,.3);border-radius:16px;padding:2rem}.sub-plan-label{font-size:.75rem;color:var(--primary);text-transform:uppercase;letter-spacing:1px;margin-bottom:.5rem;font-weight:700}.sub-plan-name{font-size:1.75rem;font-weight:800;margin-bottom:.25rem}.sub-price{font-size:2.5rem;font-weight:800;color:var(--primary)}.sub-price span{font-size:.9rem;color:var(--muted);font-weight:400}.renewal-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:1.5rem}.renewal-header{display:flex;justify-content:space-between;margin-bottom:1rem;font-size:.9rem;color:var(--muted)}.renewal-header strong{color:var(--text)}.progress-bar-outer{height:8px;background:#ffffff0f;border-radius:99px;overflow:hidden}.progress-bar-inner{height:100%;background:linear-gradient(90deg,var(--primary),#ff8800);border-radius:99px;transition:width 1s ease}.plans-selector h3{font-size:1rem;font-weight:600;margin-bottom:1rem}.plan-options{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.plan-option{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:1.25rem;position:relative;transition:all .2s}.plan-option:hover{border-color:#ff55004d}.plan-option.current{border-color:var(--primary);background:#ff55000f}.plan-option h4{font-size:.95rem;font-weight:700;margin-bottom:.5rem}.option-price{font-size:1.4rem;font-weight:800;color:var(--primary);margin-bottom:.25rem}.option-price small{font-size:.75rem;color:var(--muted);font-weight:400}.current-tag{position:absolute;top:-10px;left:50%;transform:translate(-50%);background:var(--primary);color:#fff;font-size:.65rem;font-weight:700;padding:.2rem .6rem;border-radius:99px;white-space:nowrap}.invoice-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.inv-stat{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:1.25rem}.inv-stat-label{font-size:.75rem;color:var(--muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.5rem}.inv-stat h3{font-size:1.4rem;font-weight:700}.invoice-table-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:0;overflow:hidden}.table-responsive{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.cl-table{width:100%;min-width:600px;border-collapse:collapse}.cl-table th{text-align:left;font-size:.7rem;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.5px;padding:1.25rem 1rem;border-bottom:1px solid var(--border);background:#ffffff05}.cl-table td{padding:1.25rem 1rem;font-size:.85rem;border-bottom:1px solid rgba(255,255,255,.03)}.cl-table tr:last-child td{border-bottom:none}.inv-id{color:var(--primary);font-weight:600;font-family:monospace}.inv-amount{font-weight:700}.badge-inv{display:inline-flex;align-items:center;background:#22c55e1a;color:#22c55e;border:1px solid rgba(34,197,94,.2);padding:.25rem .75rem;border-radius:99px;font-size:.75rem;font-weight:600}.playlist-hero{display:flex;align-items:center;gap:1.5rem;background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:1.75rem}.playlist-hero-icon{width:52px;height:52px;background:#ff55001a;border:1px solid rgba(255,85,0,.2);border-radius:14px;display:flex;align-items:center;justify-content:center;color:var(--primary);flex-shrink:0}.playlist-hero h2{font-size:1.1rem;font-weight:700;margin-bottom:.25rem}.pl-url-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:1.5rem}.pl-url-card label{font-size:.8rem;color:var(--muted);text-transform:uppercase;letter-spacing:.5px;display:block;margin-bottom:.75rem}.pl-url-row{display:flex;align-items:center;gap:1rem}.pl-url{flex:1;background:#0006;border:1px solid var(--border);border-radius:10px;padding:.8rem 1rem;font-size:.85rem;color:#22c55e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.copy-btn{display:flex;align-items:center;gap:.5rem;background:var(--primary);color:#fff;border:none;border-radius:8px;padding:.75rem 1.25rem;font-size:.85rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .2s}.copy-btn:hover{background:#e04a00}.pl-how-to h3{font-size:1rem;font-weight:600;margin-bottom:1rem}.how-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.how-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:1.25rem}.how-card h4{font-size:.9rem;font-weight:700;margin-bottom:.25rem;color:var(--primary)}.cl-btn-primary{background:var(--primary);color:#fff;border:none;border-radius:10px;padding:.75rem 1.5rem;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s}.cl-btn-primary:hover{background:#e04a00;transform:translateY(-1px)}.cl-btn-secondary{background:transparent;border:1px solid var(--border);color:var(--text);border-radius:10px;padding:.65rem 1.25rem;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s}.cl-btn-secondary:hover{border-color:var(--primary);color:var(--primary)}@keyframes pendingActionPulse{0%{box-shadow:0 0 #f506}70%{box-shadow:0 0 0 10px #f500}to{box-shadow:0 0 #f500}}.action-pulsing{animation:pendingActionPulse 2s infinite}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOutUp{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}.cl-payment-selection-card{border-radius:14px;padding:1.25rem;margin-bottom:1rem;position:relative;overflow:hidden;display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:1.25rem}.cl-payment-actions{display:flex;gap:.75rem;flex-direction:row;align-items:center}@media(max-width:768px){.cl-payment-selection-card{flex-direction:column;align-items:flex-start}.cl-payment-actions{flex-direction:column;width:100%;gap:.5rem}.cl-payment-actions button{width:100%;flex:none!important}}@keyframes suggestionPulse{0%{opacity:1;transform:scale(1);border-color:#3b82f64d;box-shadow:0 0 #3b82f633}50%{opacity:.9;transform:scale(1.02);border-color:#3b82f699;box-shadow:0 0 15px #3b82f61a}to{opacity:1;transform:scale(1);border-color:#3b82f64d;box-shadow:0 0 #3b82f600}}.cl-suggestion-card{background:#3b82f614;border:1px solid rgba(59,130,246,.3);border-radius:12px;padding:1rem;margin-top:1rem;display:flex;flex-direction:column;gap:.6rem;animation:suggestionPulse 3s infinite ease-in-out}.suggestion-badge{background:#3b82f6;color:#fff;font-size:.65rem;font-weight:800;padding:.15rem .5rem;border-radius:4px;width:fit-content;text-transform:uppercase;letter-spacing:.5px}.suggestion-text{font-size:.75rem;color:#9ca3af;line-height:1.4}.suggestion-btn{background:#3b82f61a;color:#3b82f6;border:1px solid rgba(59,130,246,.2);padding:.5rem;border-radius:8px;font-size:.75rem;font-weight:700;cursor:pointer;text-align:center;transition:all .2s}.suggestion-btn:hover{background:#3b82f6;color:#fff}.cl-hamburger{display:none;background:transparent;border:none;color:var(--text);cursor:pointer;padding:.5rem;margin-right:.5rem;align-items:center;justify-content:center}.cl-close-menu{display:none;background:#ffffff0d;border:none;color:var(--muted);cursor:pointer;padding:.5rem;border-radius:8px}.cl-sidebar-overlay{position:fixed;inset:0;background:#000c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media(max-width:1024px){.plan-options{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.cl-sidebar{position:fixed;left:-280px;top:0;bottom:0;width:280px;z-index:1001;transition:transform .3s cubic-bezier(.4,0,.2,1);box-shadow:20px 0 50px #00000080}.cl-sidebar.open{transform:translate(280px)}.cl-topbar{padding:.75rem 1rem}.cl-hamburger{display:flex}.cl-sidebar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.cl-close-menu{display:flex}.cl-content{padding:1.25rem}.profile-card{flex-direction:column;gap:1.25rem;text-align:center;padding:1.5rem}.info-grid,.invoice-summary,.how-grid,.plan-options{grid-template-columns:1fr}.sub-hero-card{flex-direction:column;gap:1.5rem;text-align:center;padding:1.5rem}.pl-url-row{flex-direction:column;gap:.75rem}.copy-btn{width:100%;justify-content:center}.cl-page-title{font-size:1.1rem}}@media(max-width:480px){.cl-topbar{padding:.75rem 1rem;min-height:auto}.cl-topbar>div:first-child{flex:1;min-width:0}.cl-page-title{font-size:.9rem;overflow:hidden;text-overflow:ellipsis}.status-pill{padding:.25rem .5rem;font-size:.6rem;border-radius:6px;white-space:normal;line-height:1.15;max-width:52vw;text-align:center}.cl-content{padding:1rem}.cl-status-pending-top{display:none}}.cl-payment-modal-backdrop{position:fixed;inset:0;background:#000000e0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;padding:1rem;z-index:9999;animation:fadeIn .25s ease-out}.cl-payment-modal{width:100%;max-width:520px;max-height:90vh;overflow-y:auto;border-radius:22px;box-shadow:0 24px 60px -18px #000000e6}@media(min-width:1024px){.cl-payment-modal{max-width:560px}}@media(max-width:480px){.cl-payment-modal-backdrop{padding:.75rem}.cl-payment-modal{border-radius:18px}.cl-payment-modal h3{font-size:1.05rem!important}.cl-payment-modal p{font-size:.8rem}}.cl-active-plan-card{flex-direction:row;align-items:center}@media(max-width:480px){.cl-active-plan-card{flex-direction:column;align-items:flex-start}.cl-active-plan-actions{width:100%;flex-direction:column;align-items:stretch;gap:.5rem}.cl-active-plan-btn{width:100%;white-space:normal;text-align:center;padding-left:1rem!important;padding-right:1rem!important}.cl-invoices-stats{grid-template-columns:1fr!important}}@media(max-width:375px){.status-pill{max-width:56vw;padding:.25rem .45rem}}@media(max-width:320px){.status-pill{max-width:62vw;letter-spacing:.25px}.cl-page-title{font-size:.85rem}}.App{width:100%;min-height:100vh;display:flex;flex-direction:column}#root{width:100%;min-height:100vh}