@import "https://fonts.googleapis.com/css2?family=Outfit:wght@200;400;700;900&display=swap";:root{--bg-deep:#020205;--accent-blue:#00d2ff;--accent-purple:#9d50bb;--accent-red:#ff4b2b;--glass-bg:#ffffff08;--glass-border:#ffffff1a;--text-bright:#fff;--text-muted:#ffffff80;--font-main:"Outfit", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-deep);color:var(--text-bright);font-family:var(--font-main);min-height:100vh;position:relative;overflow-x:hidden}.neon-glow{filter:blur(120px);z-index:-1;opacity:.5;pointer-events:none;border-radius:50%;position:fixed}.glow-blue{background:radial-gradient(circle, var(--accent-blue) 0%, transparent 70%);width:600px;height:400px;top:10%;left:-10%;transform:rotate(-30deg)}.glow-purple{background:radial-gradient(circle, var(--accent-purple) 0%, transparent 70%);width:700px;height:500px;bottom:0%;right:-5%;transform:rotate(20deg)}.glow-trail{z-index:-1;opacity:.3;background:url("data:image/svg+xml;utf8,<svg viewBox=\"0 0 1000 1000\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M-100 800 Q 300 400 1100 900\" stroke=\"rgba(0,210,255,0.2)\" stroke-width=\"2\" fill=\"none\" blur=\"20\"/><path d=\"M-100 200 Q 700 600 1100 100\" stroke=\"rgba(157,80,187,0.2)\" stroke-width=\"2\" fill=\"none\" blur=\"20\"/></svg>");width:100%;height:100%;position:fixed}.landing-header{z-index:100;align-items:center;width:100%;height:100px;padding:0 4rem;display:flex;position:absolute;top:0}.nav-container{justify-content:space-between;align-items:center;width:100%;display:flex}.brand{align-items:center;gap:1rem;display:flex}.logo-svg{fill:none;stroke:url(#logoGradient);width:42px;height:42px;filter:drop-shadow(0 0 8px var(--accent-blue))}.brand-name{letter-spacing:.12em;font-size:1.8rem;font-weight:700}.nav-links{gap:3.5rem;display:flex}.nav-links a{color:var(--text-muted);font-size:.95rem;font-weight:400;text-decoration:none;transition:all .3s}.nav-links a.active,.nav-links a:hover{color:var(--text-bright)}.hero{text-align:center;padding:220px 0 80px}.hero h1,.hero-title{letter-spacing:.02em;background:linear-gradient(#fff,#888);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:1.8rem;font-size:4.8rem;font-weight:900;line-height:1.05}.hero p{color:var(--text-muted);letter-spacing:.05em;max-width:650px;margin:0 auto;font-size:1.25rem;font-weight:300}.products-wrapper{width:100%;padding:50px 0 100px;position:relative;overflow:hidden}.products-grid{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:2.5rem;padding:50px 2rem;display:flex;overflow-x:auto}.products-grid::-webkit-scrollbar{display:none}.product-card{scroll-snap-align:center;flex:none;width:380px;max-width:85vw}.crystal-card{-webkit-backdrop-filter:blur(40px);background:linear-gradient(135deg,#ffffff0d 0%,#ffffff03 100%);border:1px solid #ffffff1a;border-radius:48px;flex-direction:column;align-items:center;padding:4rem 2.5rem;transition:all .6s cubic-bezier(.165,.84,.44,1);display:flex;position:relative;box-shadow:0 20px 50px #00000080,inset 0 1px 1px #fff3}.slider-arrow{z-index:10;-webkit-backdrop-filter:blur(20px);color:#fff;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:transform .3s;display:flex;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 5px 15px #00000080}.slider-arrow:active{transform:translateY(-50%)scale(.9)}.arrow-left{left:10px}.arrow-right{right:10px}.support-tabs-wrapper{z-index:2;background:#0000004d;align-self:stretch;width:calc(100% + 5rem);margin:0 -2.5rem;padding:1.5rem 0;position:relative}.support-tabs{-webkit-overflow-scrolling:touch;scroll-behavior:smooth;scrollbar-width:none;justify-content:flex-start;align-items:center;gap:1rem;max-width:100%;padding:0 3.5rem;display:flex;overflow-x:auto}.support-tabs::-webkit-scrollbar{display:none}.support-tab-btn{white-space:nowrap;cursor:pointer;color:#fff9;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:50px;flex:none;padding:.8rem 2.5rem;font-size:.95rem;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1)}.support-tab-btn.active{color:#fff;background:linear-gradient(90deg,#00d2ff,#9d50bb);border-color:#0000;box-shadow:0 10px 20px #00d2ff4d}.crystal-card:before{content:"";background:linear-gradient(#ffffff0d,#0000);border-radius:48px 48px 0 0;height:50%;position:absolute;top:0;left:0;right:0}.crystal-card:hover{box-shadow:0 50px 100px #000000b3, 0 0 30px var(--glow-color);border-color:#ffffff4d;transform:scale(1.03)translateY(-10px)}.card-netflix{--glow-color:#ff4b2b33}.card-disney{--glow-color:#00d2ff33}.card-top-tag{text-transform:uppercase;letter-spacing:.12em;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:99px;margin-bottom:3rem;padding:.6rem 1.8rem;font-size:.8rem;font-weight:700}.card-main-logo{letter-spacing:-.01em;margin-bottom:2.5rem;font-size:3.5rem;font-weight:900}.card-thumbnails{gap:1.2rem;width:100%;margin-bottom:3rem;display:flex}.thumb{aspect-ratio:1/1.2;border:1px solid #ffffff14;border-radius:20px;flex:1;overflow:hidden}.thumb img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.card-stats{margin-bottom:3.5rem;font-size:2rem;font-weight:400}.card-link{text-transform:uppercase;letter-spacing:.2em;color:var(--text-muted);font-size:.9rem;text-decoration:none;transition:color .3s}.card-link:hover{color:#fff;text-decoration:underline}.modal-overlay{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:10000;background:#000000e6;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{background:#050508;border:1px solid #ffffff1a;border-radius:40px;width:100%;max-width:550px;padding:4rem;box-shadow:0 40px 100px #000c}footer{border-top:1px solid #ffffff0d;justify-content:space-between;padding:60px 4rem;display:flex}.social-links{gap:2rem;display:flex}.footer-nav{color:var(--text-muted);gap:3rem;font-size:.95rem;display:flex}.admin-header{justify-content:space-between;align-items:center;margin-bottom:3rem;display:flex}@media (width<=1024px){.hero h1{font-size:3.5rem!important}.products-grid{gap:2rem!important;padding:60px 2rem!important}.crystal-card{width:340px!important}}@media (width<=768px){.landing-header{height:80px!important;padding:0 1.5rem!important}.nav-links{display:none!important}.hero{padding:120px 1.5rem 60px!important}.hero h1,.hero-title{word-break:break-word;font-size:2.4rem!important;line-height:1.2!important}.hero p{font-size:1rem!important}.products-grid{gap:1.5rem!important;padding:20px 1rem!important}.support-tabs-wrapper{width:calc(100% + 4rem)!important;margin:0 -2rem!important}.support-tabs-wrapper .slider-arrow{display:none!important}.support-tabs{gap:.8rem!important;padding:0 2rem!important}.crystal-card{width:100%!important;max-width:380px!important;padding:3rem 2rem!important}.card-main-logo{font-size:2.8rem!important}.admin-layout{flex-direction:column!important}.sidebar{border-bottom:1px solid #ffffff1a;border-right:none!important;width:100%!important;padding:1rem!important}.sidebar .logo{margin-bottom:1.5rem!important}nav{-webkit-overflow-scrolling:touch;padding-bottom:.5rem;flex-direction:row!important;gap:1rem!important;overflow-x:auto!important}.admin-header{flex-direction:column!important;align-items:flex-start!important;gap:1.5rem!important;margin-bottom:2rem!important}.modal-content{width:95%!important;margin:1rem!important;padding:2.5rem 1.5rem!important}}@media (width<=480px){.hero h1,.hero-title{font-size:2rem!important}.brand-name{font-size:1.4rem!important}.logo-svg{width:32px!important;height:32px!important}.crystal-card{padding:2.5rem 1.5rem!important}footer{text-align:center;flex-direction:column!important;gap:2.5rem!important;padding:40px 1.5rem!important}.footer-nav{flex-wrap:wrap!important;justify-content:center!important;gap:1.2rem!important}}
