:root{font-family:Space Grotesk,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh;isolation:isolate}:root{--bg-dark: #05070a;--bg-card: #0a0f16;--bg-card-hover: #111825;--text-main: #e0e6ed;--text-muted: #94a3b8;--accent-primary: #4ff28f;--accent-secondary: #56c9ff;--accent-danger: #ff6b6b;--border-color: #1e293b;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-xxl: 48px;--max-width: 1400px;--header-height: 70px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--shadow-sm: 0 2px 4px rgba(0,0,0,.1);--shadow-md: 0 4px 6px -1px rgba(0,0,0,.1), 0 2px 4px -1px rgba(0,0,0,.06);--shadow-lg: 0 10px 15px -3px rgba(0,0,0,.1), 0 4px 6px -2px rgba(0,0,0,.05);--glow-primary: 0 0 20px rgba(79, 242, 143, .15)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:Space Grotesk,sans-serif;background-color:var(--bg-dark);color:var(--text-main);line-height:1.6;overflow-x:hidden;background-image:radial-gradient(circle at 15% 50%,rgba(79,242,143,.05),transparent 25%),radial-gradient(circle at 85% 30%,rgba(86,201,255,.05),transparent 25%)}a{text-decoration:none;color:inherit;transition:color .2s}ul{list-style:none}button{font-family:inherit;border:none;background:none;cursor:pointer}.app-shell{min-height:100vh;display:flex;flex-direction:column}.main{flex:1;width:100%;max-width:var(--max-width);margin:0 auto;padding:var(--spacing-lg)}.navbar{height:var(--header-height);padding:0 var(--spacing-lg);display:flex;align-items:center;justify-content:space-between;background:#05070acc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color);position:sticky;top:0;z-index:100}.logo{display:flex;flex-direction:column}.logo-mark{font-family:IBM Plex Mono,monospace;font-weight:700;font-size:1.25rem;letter-spacing:-.5px;display:flex;align-items:center;gap:var(--spacing-sm)}.logo-mark .dot{color:var(--accent-primary)}.logo-sub{color:var(--text-muted);font-size:12px}.nav-links{display:flex;gap:var(--spacing-md);align-items:center}.nav-links a{font-size:.95rem;font-weight:500;color:#cbd5e1;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);transition:all .2s}.nav-links a:hover,.nav-links a.active{color:var(--text-main);background:#ffffff0d}.nav-links a.active{color:var(--accent-primary);background:#4ff28f1a}.nav-actions{display:flex;align-items:center;gap:var(--spacing-sm)}.user-chip{display:inline-flex;align-items:center;height:38px;padding:0 16px;border-radius:19px;background:#4ff28f1a;color:var(--accent-primary);border:1px solid rgba(79,242,143,.2);font-size:.9rem;font-weight:500}.button,button.primary{display:inline-flex;align-items:center;justify-content:center;height:38px;padding:0 20px;background:var(--accent-primary);color:var(--text-main);font-weight:600;border-radius:var(--radius-md);transition:transform .2s,box-shadow .2s}.button:hover,button.primary:hover{box-shadow:0 4px 12px #4ff28f4d}.ghost{height:38px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-muted);transition:all .2s}.ghost:hover{border-color:var(--accent-primary);color:var(--accent-primary);background:#4ff28f0d}.card,.product-card,.cart-card,.order-card,.feature-card,.highlight-card,.detail-hero,.panel{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-lg);transition:all .3s ease}.product-card:hover,.feature-card:hover{transform:translateY(-4px);border-color:var(--accent-primary);box-shadow:var(--glow-primary)}h1,h2,h3,h4,h5,h6{font-weight:700;color:var(--text-main);margin-bottom:var(--spacing-sm)}.section-title{font-size:1.5rem;margin-bottom:var(--spacing-xl);display:flex;align-items:center;justify-content:space-between;border-left:4px solid var(--accent-primary);padding-left:var(--spacing-md)}.section-title span.ghost{font-size:.85rem;font-weight:400;border:none;padding:0;background:transparent}input,select{background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-main);padding:12px 16px;border-radius:var(--radius-md);width:100%;font-family:inherit;transition:border-color .2s}input:focus,select:focus{outline:none;border-color:var(--accent-primary)}.checkbox{display:inline-flex;align-items:center;gap:10px;cursor:pointer;-webkit-user-select:none;user-select:none;font-weight:500;transition:color .2s}.checkbox:hover{color:var(--accent-primary)}.checkbox input[type=checkbox]{appearance:none;-webkit-appearance:none;width:20px;height:20px;border:2px solid var(--border-color);border-radius:6px;background-color:#ffffff08;cursor:pointer;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1)}.checkbox input[type=checkbox]:hover{border-color:var(--accent-primary);background-color:#4ff28f1a}.checkbox input[type=checkbox]:checked{background-color:var(--accent-primary);border-color:var(--accent-primary);box-shadow:0 0 10px #4ff28f66}.checkbox input[type=checkbox]:checked:after{content:"";position:absolute;top:45%;left:50%;transform:translate(-50%,-60%) rotate(45deg);width:5px;height:10px;border:solid var(--bg-dark);border-width:0 2px 2px 0}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--spacing-lg)}.cart-list,.order-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.product-card{padding:0;overflow:hidden;display:flex;flex-direction:column}.product-thumb img{width:100%;height:200px;object-fit:cover}.product-body{padding:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-sm);flex:1}.card-actions{margin-top:auto;display:flex;justify-content:space-between;align-items:center}.price{font-size:1.25rem;font-weight:700;color:var(--accent-primary)}.cart-card{display:grid;grid-template-columns:auto 100px 1fr auto auto auto;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md)}.cart-card img{width:100px;height:100px;object-fit:cover;border-radius:var(--radius-md)}.qty{display:flex;align-items:center;gap:var(--spacing-sm);background:#ffffff0d;padding:4px;border-radius:var(--radius-md)}.qty button{padding:4px 8px;min-width:32px}.filters{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-md);display:flex;flex-wrap:wrap;gap:var(--spacing-md);align-items:center;margin-bottom:var(--spacing-lg)}.chip-group{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}.pill{color:var(--text-main);padding:6px 12px;border-radius:20px;border:1px solid var(--border-color);font-size:.9rem;cursor:pointer;transition:all .2s}.pill.active{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary)}.text-accent{color:var(--accent-primary)}.text-muted{color:var(--text-muted)}.flex{display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.page{animation:fadeIn .5s ease-out;display:flex;flex-direction:column;gap:var(--spacing-xs)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.breadcrumbs{margin-bottom:var(--spacing-sm);color:var(--text-muted);font-size:.9rem;display:flex;align-items:center;gap:var(--spacing-sm)}.breadcrumbs a:hover{color:var(--accent-primary)}.footer{margin-top:auto;padding:var(--spacing-xl) var(--spacing-lg);border-top:1px solid var(--border-color);text-align:left;color:var(--text-muted);font-size:.9rem;display:flex;justify-content:space-between;flex-wrap:wrap}.toast{position:fixed;bottom:24px;right:24px;background:var(--bg-card);border:1px solid var(--accent-primary);padding:16px 24px;border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:1000;display:flex;align-items:center;gap:12px}.account .panel{max-width:480px;margin:0 auto}.form{display:flex;flex-direction:column;gap:var(--spacing-md)}.captcha-row{display:flex;align-items:center;gap:var(--spacing-md)}.captcha-box{background:#222;padding:10px 16px;border-radius:var(--radius-md);font-family:monospace;letter-spacing:2px;cursor:pointer;border:1px dashed var(--border-color)}@media(max-width:768px){.navbar{flex-direction:column;height:auto;padding:var(--spacing-md);gap:var(--spacing-md)}.nav-links{width:100%;justify-content:center;flex-wrap:wrap}.section-title{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.cart-card{grid-template-columns:1fr;text-align:center;justify-items:center}.cart-card img{width:100%;height:200px;object-fit:cover}.filters{flex-direction:column;align-items:stretch}}.empty-state{text-align:center;padding:var(--spacing-xxl);border:2px dashed var(--border-color);border-radius:var(--radius-lg);color:var(--text-muted)}.badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:10px;background:var(--accent-primary);color:#000;font-size:.75rem;font-weight:700;margin-left:4px}.tag-row{position:absolute;top:8px;left:8px;display:flex;gap:4px;flex-wrap:wrap}.chip{background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;padding:4px 8px;border-radius:4px;font-size:.75rem;border:1px solid rgba(255,255,255,.1)}.fav{position:absolute;top:8px;right:8px;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.1);color:#fff;padding:6px 10px;border-radius:var(--radius-sm);font-size:.8rem;transition:all .2s}.fav:hover,.fav.active{background:#fff3;color:var(--text-main);border-color:var(--text-main)}.buttons{display:flex;gap:var(--spacing-sm)}.tabs{display:flex;gap:2px;border-bottom:1px solid var(--border-color);margin-bottom:var(--spacing-md)}.tab{padding:10px 20px;background:transparent;border:1px solid transparent;border-bottom:none;color:var(--text-muted);border-radius:var(--radius-md) var(--radius-md) 0 0;transition:all .2s;font-weight:500}.tab:hover{color:var(--text-main);background:#ffffff05}.tab.active{color:var(--accent-primary);background:var(--bg-card);border-color:var(--border-color);border-bottom-color:var(--bg-card);margin-bottom:-1px}.detail-hero{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-xl)}.detail-visual img{width:100%;border-radius:var(--radius-lg);border:1px solid var(--border-color)}.image-controls{display:flex;justify-content:space-between;align-items:center;margin-top:var(--spacing-sm);color:var(--text-muted)}.detail-info{display:flex;flex-direction:column;gap:var(--spacing-md)}.pill-row{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.price-line{display:flex;justify-content:space-between;align-items:center;margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--border-color)}.meta{color:var(--text-muted);font-size:.9rem}.actions{display:flex;gap:var(--spacing-sm)}.tab-panel{background:var(--bg-card);border:1px solid var(--border-color);border-radius:0 var(--radius-lg) var(--radius-lg) var(--radius-lg);padding:var(--spacing-lg);min-height:200px}.list{padding-left:20px;color:var(--text-muted)}.list li{margin-bottom:8px}.quotes blockquote{border-left:3px solid var(--accent-primary);margin:0 0 16px;padding-left:16px;color:var(--text-muted);font-style:italic}.order-card .header{display:flex;justify-content:space-between;align-items:flex-start}.order-body{margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px dashed var(--border-color);display:flex;flex-direction:column;gap:var(--spacing-sm)}.order-item{display:flex;justify-content:space-between;align-items:center;padding:8px;background:#ffffff05;border-radius:var(--radius-sm)}.energy{font-size:.9rem;color:var(--accent-secondary);margin-top:var(--spacing-sm)}.charts{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-lg);margin-top:var(--spacing-xl)}.chart-block{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-lg)}.chart-bars{display:flex;align-items:flex-end;gap:8px;height:200px;margin-top:var(--spacing-md)}.bar{flex:1;display:flex;flex-direction:column;justify-content:flex-end;gap:4px;height:100%}.bar-fill{background:linear-gradient(to top,var(--accent-primary),var(--accent-secondary));border-radius:4px 4px 0 0;min-height:4px;transition:height .5s ease;opacity:.8}.bar:hover .bar-fill{opacity:1;box-shadow:0 0 10px #4ff28f4d}.bar-label{font-size:.75rem;color:var(--text-muted);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bar-value{font-size:.75rem;text-align:center;font-weight:700}.checkout-bar{margin-top:var(--spacing-xl);padding:var(--spacing-lg);background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);display:flex;justify-content:space-between;align-items:center;position:sticky;bottom:var(--spacing-lg);box-shadow:var(--shadow-lg);z-index:10}.checkout-btn{display:inline-flex;align-items:center;justify-content:center;background:var(--accent-primary);color:var(--bg-dark);font-weight:700;font-size:1.1rem;padding:12px 32px;height:auto;border-radius:var(--radius-md);transition:all .2s}.checkout-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 20px #4ff28f66}.checkout-btn:disabled{opacity:.5;cursor:not-allowed;filter:grayscale(1)}.home-container{display:flex;flex-direction:column;gap:4rem;padding-bottom:4rem;overflow-x:hidden}.hero-section{position:relative;display:flex;align-items:center;justify-content:space-between;padding:0 2rem;perspective:1000px}.hero-content{z-index:2;max-width:600px}.hero-badge{display:inline-block;padding:.5rem 1rem;background:#4ff28f1a;border:1px solid var(--accent-primary);color:var(--accent-primary);font-family:IBM Plex Mono,monospace;font-size:.9rem;margin-bottom:1.5rem;clip-path:polygon(0 0,100% 0,95% 100%,0% 100%)}.glitch-title{font-size:4rem;font-weight:800;line-height:1.1;margin-bottom:1.5rem;position:relative;color:#fff;text-transform:uppercase}.glitch-title:before,.glitch-title:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%}.glitch-title:before{left:2px;text-shadow:-1px 0 #ff00c1;clip:rect(44px,450px,56px,0);animation:glitch-anim 5s infinite linear alternate-reverse}.glitch-title:after{left:-2px;text-shadow:-1px 0 #00fff9;clip:rect(44px,450px,56px,0);animation:glitch-anim2 5s infinite linear alternate-reverse}@keyframes glitch-anim{0%{clip:rect(30px,9999px,10px,0)}5%{clip:rect(80px,9999px,90px,0)}10%{clip:rect(10px,9999px,40px,0)}15%{clip:rect(50px,9999px,20px,0)}20%{clip:rect(20px,9999px,60px,0)}to{clip:rect(70px,9999px,30px,0)}}@keyframes glitch-anim2{0%{clip:rect(10px,9999px,80px,0)}5%{clip:rect(60px,9999px,10px,0)}10%{clip:rect(30px,9999px,50px,0)}15%{clip:rect(90px,9999px,20px,0)}20%{clip:rect(10px,9999px,40px,0)}to{clip:rect(50px,9999px,90px,0)}}.hero-desc{font-size:1.2rem;color:var(--text-muted);margin-bottom:2rem;font-family:IBM Plex Mono,monospace;border-left:2px solid var(--accent-primary);padding-left:1rem}.hero-actions{display:flex;gap:1rem}.btn-cyber{position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:.9rem 1.8rem;background:var(--accent-primary);color:#000;font-weight:700;text-transform:uppercase;letter-spacing:1px;clip-path:polygon(0 0,100% 0,100% 70%,90% 100%,0 100%);transition:all .3s ease;border:1px solid transparent;cursor:pointer;text-decoration:none;line-height:1}.btn-cyber.ghost{background:transparent;color:var(--accent-primary);border:1px solid var(--accent-primary);clip-path:none;border-radius:10px;padding:.9rem 1.6rem}.hero-visual{position:relative;z-index:1;animation:float-visual 6s ease-in-out infinite}.hero-visual:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:140%;height:140%;background:radial-gradient(circle,rgba(79,242,143,.15) 0%,transparent 70%);z-index:-1;filter:blur(50px);pointer-events:none}.terminal-wrapper{--tilt-x: 5deg;--tilt-y: -10deg;width:500px;height:350px;background:#0a0a0ad9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);border-radius:12px;box-shadow:0 20px 50px #00000080,0 0 0 1px #ffffff0d;display:flex;flex-direction:column;font-family:IBM Plex Mono,monospace;overflow:hidden;transform:rotateY(var(--tilt-y)) rotateX(var(--tilt-x));transform-style:preserve-3d;transition:transform .25s ease,box-shadow .5s ease;will-change:transform}.terminal-wrapper:hover{box-shadow:0 24px 60px #0000008c,0 0 0 1px #ffffff14}.terminal-header{background:#1a1a1a;padding:.5rem 1rem;display:flex;gap:.5rem;border-bottom:1px solid #333}.dot{width:12px;height:12px;border-radius:50%}.red{background:#ff5f56}.yellow{background:#ffbd2e}.green{background:#27c93f}.terminal-body{padding:1rem;color:#0f0;font-size:.9rem;overflow-y:hidden;display:flex;flex-direction:column;justify-content:flex-end;height:100%;position:relative}.terminal-body:after{content:" ";display:block;position:absolute;inset:0;background:linear-gradient(#12101000 50%,#00000040 50%),linear-gradient(90deg,#ff00000f,#00ff0005,#0000ff0f);z-index:2;background-size:100% 2px,3px 100%;pointer-events:none;opacity:.6}.log-line{margin-bottom:.25rem;opacity:.7;text-shadow:0 0 2px rgba(0,255,0,.4)}.log-line.new{opacity:1;text-shadow:0 0 5px #0f0}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;padding:0 2rem}.stat-card{background:#ffffff08;border:1px solid rgba(255,255,255,.1);padding:2rem;position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,transparent,var(--accent-primary),transparent);transform:translate(-100%);transition:transform .5s ease}.stat-card:hover:before{transform:translate(100%)}.stat-value{font-size:3rem;font-weight:700;color:var(--accent-primary);font-family:IBM Plex Mono,monospace}.stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;font-size:.8rem}.featured-section{padding:4rem 2rem}.section-title{font-size:2.5rem;margin-bottom:3rem;text-align:center;text-transform:uppercase}.product-showcase{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.holo-card{background:#0f1724cc;border:1px solid var(--border-color);padding:1rem;position:relative;transition:all .4s ease}.holo-card:hover{transform:translateY(-10px);border-color:var(--accent-primary);box-shadow:0 10px 30px -10px #4ff28f33}.holo-img{width:100%;height:200px;object-fit:cover;filter:grayscale(100%);transition:filter .3s}.holo-card:hover .holo-img{filter:grayscale(0%)}.holo-info h3{margin:1rem 0 .5rem;color:#fff}.holo-price{color:var(--accent-primary);font-size:1.5rem;font-family:IBM Plex Mono,monospace}.cyber-grid-bg{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:-1;background-image:linear-gradient(rgba(31,41,55,.3) 1px,transparent 1px),linear-gradient(90deg,rgba(31,41,55,.3) 1px,transparent 1px);background-size:50px 50px;perspective:500px;transform-style:preserve-3d;pointer-events:none}.cyber-grid-bg:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at center,transparent 0%,var(--bg-dark) 80%)}.immersive-video-section{position:relative;min-height:320vh;display:block;margin-top:0}.video-sticky-wrapper{position:sticky;top:0;height:100vh;width:100%;display:grid;place-items:center}.immersive-frame{width:70vw;height:60vh;max-width:1200px;position:relative;border-radius:24px;overflow:hidden;box-shadow:0 20px 50px #00000080;transform-origin:center center;transform:scale(.72);will-change:transform,width,height,border-radius}.immersive-video{width:100%;height:100%;object-fit:cover;display:block;cursor:pointer}.video-overlay{position:absolute;inset:0;background:#0000004d;z-index:1;pointer-events:none}.immersive-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;text-align:center;width:100%;padding:0 2rem;pointer-events:none}.immersive-title{font-size:4rem;font-weight:900;color:#fff;margin-bottom:1rem;text-transform:uppercase;letter-spacing:4px;text-shadow:0 0 30px rgba(0,0,0,.5);line-height:1.1}.immersive-desc{font-size:1.2rem;color:#ffffffe6;max-width:600px;margin:0 auto;line-height:1.6;text-shadow:0 2px 4px rgba(0,0,0,.5)}.post-immersive-cta{padding:6rem 2rem 4rem;display:flex;justify-content:center}.cta-card{max-width:720px;width:100%;text-align:center;padding:3rem 2rem;background:linear-gradient(135deg,#4ff28f1f,#56c9ff14);border:1px solid rgba(255,255,255,.1);border-radius:18px;box-shadow:0 20px 60px -20px #00000080}.cta-title{font-size:2rem;margin-bottom:1rem}.cta-desc{color:var(--text-muted);margin-bottom:1.5rem}@media(max-width:768px){.immersive-title{font-size:2.5rem}.immersive-frame{width:90vw;height:55vh}}