:root{--bg:#05070d;--bg2:#0a0e18;--panel:#0e1422;--panel2:#111a2e;--line:#1b2740;--line2:#243454;--txt:#dbe6f5;--txt2:#8ba0c0;--txt3:#5a6f92;--cyan:#00e5ff;--violet:#7a5cff;--pink:#ff4fa3;--lime:#a3ff5c;--glow:0 0 24px rgba(0,229,255,.45);}
*{box-sizing:border-box;}
html,body{margin:0;padding:0;background:var(--bg);color:var(--txt);font:14px/1.6 'Inter',system-ui,-apple-system,'Segoe UI',Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;}
body::before{content:'';position:fixed;inset:0;z-index:-2;background:radial-gradient(60% 50% at 15% 0%,rgba(122,92,255,.15),transparent 70%),radial-gradient(50% 45% at 90% 20%,rgba(0,229,255,.13),transparent 70%),radial-gradient(45% 40% at 50% 110%,rgba(255,79,163,.09),transparent 70%);}
body::after{content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(rgba(27,39,64,.55) 1px,transparent 1px),linear-gradient(90deg,rgba(27,39,64,.55) 1px,transparent 1px);background-size:48px 48px;-webkit-mask-image:radial-gradient(ellipse at 50% 0%,#000 30%,transparent 78%);mask-image:radial-gradient(ellipse at 50% 0%,#000 30%,transparent 78%);animation:gridpulse 9s ease-in-out infinite;}
@keyframes gridpulse{0%,100%{opacity:.5;}50%{opacity:.85;}}
a{color:var(--cyan);text-decoration:none;transition:color .18s,text-shadow .18s;}
a:hover{color:#fff;text-shadow:0 0 10px var(--cyan);}
h1{font-size:clamp(24px,3vw,34px);margin:0 0 14px;background:linear-gradient(90deg,#fff 0%,var(--cyan) 60%,var(--violet) 100%);-webkit-background-clip:text;background-clip:text;color:transparent;letter-spacing:-.5px;font-weight:800;}
h2.sec{font-size:11px;letter-spacing:3px;color:var(--txt2);text-transform:uppercase;margin:34px 0 14px;padding-bottom:8px;border-bottom:1px solid var(--line2);display:flex;align-items:center;gap:10px;}
h2.sec::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--cyan);box-shadow:0 0 12px var(--cyan);}
h3{font-size:15px;margin:0 0 10px;color:#fff;font-weight:600;}
h4{font-size:10px;letter-spacing:2.5px;margin:0 0 10px;color:var(--cyan);text-transform:uppercase;font-weight:700;}
p{margin:0 0 12px;color:var(--txt);}
#page{width:1200px;max-width:100%;margin:0 auto;}
#masthead{position:sticky;top:0;z-index:20;padding:16px 28px;background:rgba(5,7,13,.72);-webkit-backdrop-filter:blur(14px) saturate(140%);backdrop-filter:blur(14px) saturate(140%);border-bottom:1px solid var(--line2);display:flex;justify-content:space-between;align-items:center;gap:24px;box-shadow:0 1px 0 rgba(0,229,255,.08);}
.wordmark{display:flex;align-items:center;gap:14px;}
.logo{width:38px;height:38px;position:relative;background:linear-gradient(135deg,var(--cyan),var(--violet));-webkit-clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);box-shadow:0 0 22px rgba(0,229,255,.55);animation:logospin 8s linear infinite;}
.logo::after{content:'';position:absolute;inset:5px;background:var(--bg);-webkit-clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);}
@keyframes logospin{to{filter:hue-rotate(360deg);}}
.wordmark .brandtext{display:flex;flex-direction:column;line-height:1;}
.wordmark .name{font:800 22px/1 'Inter',system-ui,sans-serif;letter-spacing:3px;color:#fff;}
.wordmark .sub{font-size:9px;letter-spacing:4px;color:var(--txt2);margin-top:5px;}
.masttools{display:flex;align-items:center;gap:18px;}
.searchbox{position:relative;}
.searchbox input{width:220px;padding:9px 40px 9px 14px;background:var(--panel2);border:1px solid var(--line2);border-radius:10px;color:var(--txt);font:13px 'Inter',system-ui,sans-serif;outline:none;transition:border-color .18s,box-shadow .18s;}
.searchbox input:focus{border-color:var(--cyan);box-shadow:0 0 0 3px rgba(0,229,255,.12);}
.searchbox button{position:absolute;right:6px;top:50%;transform:translateY(-50%);background:transparent;border:0;color:var(--cyan);font-size:14px;cursor:pointer;padding:6px 8px;border-radius:6px;}
.basketlink{display:flex;align-items:center;gap:8px;padding:9px 14px;border:1px solid var(--line2);border-radius:10px;color:var(--txt);font-size:12px;letter-spacing:1px;text-transform:uppercase;font-weight:600;transition:all .18s;}
.basketlink:hover{border-color:var(--cyan);box-shadow:var(--glow);color:#fff;text-shadow:none;}
.basketbadge{display:inline-block;min-width:22px;text-align:center;background:linear-gradient(135deg,var(--cyan),var(--violet));color:#000;font-weight:800;border-radius:11px;padding:1px 7px;font-size:11px;}
#statusbar{padding:9px 28px;font:11px/1 'JetBrains Mono','Courier New',monospace;letter-spacing:1.5px;color:var(--txt2);background:linear-gradient(90deg,rgba(0,229,255,.08),rgba(122,92,255,.08));border-bottom:1px solid var(--line2);white-space:nowrap;overflow:hidden;}
.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--lime);box-shadow:0 0 10px var(--lime);margin-right:8px;animation:blink 1.6s steps(1) infinite;vertical-align:middle;}
@keyframes blink{50%{opacity:.2;}}
#nav{padding:0 28px;background:rgba(10,14,24,.85);border-bottom:1px solid var(--line2);display:flex;flex-wrap:wrap;position:sticky;top:71px;z-index:19;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);}
#nav a{padding:14px 16px;font:600 11px 'Inter',system-ui,sans-serif;letter-spacing:2px;text-transform:uppercase;color:var(--txt2);position:relative;transition:color .18s;}
#nav a:hover{color:#fff;text-shadow:0 0 8px var(--cyan);}
#nav a.on{color:var(--cyan);}
#nav a.on::after{content:'';position:absolute;left:16px;right:16px;bottom:-1px;height:2px;background:linear-gradient(90deg,var(--cyan),var(--violet));box-shadow:0 0 12px var(--cyan);}
#content{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:32px;padding:32px 28px 40px;align-items:start;}
#main{min-width:0;}
#side{position:sticky;top:140px;display:flex;flex-direction:column;gap:16px;}
.hero{position:relative;padding:36px 32px;border-radius:20px;overflow:hidden;background:linear-gradient(135deg,rgba(122,92,255,.10),rgba(0,229,255,.06));border:1px solid var(--line2);margin-bottom:8px;}
.hero::before{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(600px 200px at 10% 0%,rgba(0,229,255,.18),transparent 70%);}
.hero h1{font-size:clamp(26px,3.4vw,42px);margin-bottom:14px;}
.lead{font-size:16px;color:var(--txt2);max-width:70ch;}
.btn{display:inline-flex;align-items:center;gap:8px;padding:11px 20px;border-radius:10px;background:var(--panel2);border:1px solid var(--line2);color:var(--txt);font:600 12px 'Inter',system-ui,sans-serif;letter-spacing:1.5px;text-transform:uppercase;cursor:pointer;transition:all .18s ease;}
.btn:hover{color:#fff;border-color:var(--cyan);box-shadow:var(--glow);text-shadow:none;transform:translateY(-1px);}
.btn.primary{background:linear-gradient(135deg,var(--cyan),var(--violet));color:#04121a;border-color:transparent;font-weight:800;box-shadow:0 0 22px rgba(0,229,255,.35);}
.btn.primary:hover{color:#000;box-shadow:0 0 30px rgba(0,229,255,.6);}
.btn.wide{display:flex;justify-content:center;width:100%;}
.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px;}
.card{position:relative;padding:20px;border-radius:16px;background:linear-gradient(180deg,var(--panel),var(--panel2));border:1px solid var(--line2);transition:transform .25s,border-color .25s,box-shadow .25s;}
.card::before{content:'';position:absolute;top:0;left:20px;right:20px;height:2px;background:linear-gradient(90deg,var(--cyan),var(--violet));border-radius:2px;opacity:.6;}
.card:hover{transform:translateY(-3px);border-color:rgba(0,229,255,.4);box-shadow:0 10px 30px -10px rgba(0,229,255,.35);}
.cardnum{font:800 32px/1 'JetBrains Mono','Courier New',monospace;background:linear-gradient(135deg,var(--cyan),var(--violet));-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:10px;letter-spacing:-1px;}
.card ul{margin:0 0 14px;padding-left:16px;color:var(--txt2);font-size:13px;}
.card li{margin-bottom:6px;}
.more{margin:0;font-size:12px;}
table.data{width:100%;border-collapse:separate;border-spacing:0;margin:0 0 20px;font-size:13px;border:1px solid var(--line2);border-radius:14px;overflow:hidden;background:var(--panel);}
table.data th{background:var(--panel2);color:var(--txt2);text-align:left;padding:12px 16px;font-size:10px;letter-spacing:2px;text-transform:uppercase;font-weight:700;border-bottom:1px solid var(--line2);}
table.data td{padding:12px 16px;border-bottom:1px solid var(--line);color:var(--txt);vertical-align:top;}
table.data tr:last-child td{border-bottom:0;}
table.data tr:hover td{background:rgba(0,229,255,.03);}
.mono{font-family:'JetBrains Mono','Courier New',monospace;font-size:12px;color:var(--cyan);white-space:nowrap;}
table.kv{width:100%;font-size:12px;border-collapse:collapse;}
table.kv td{padding:5px 0;vertical-align:top;}
table.kv td:first-child{color:var(--txt3);width:88px;font-size:11px;letter-spacing:.5px;text-transform:uppercase;}
.panel{padding:20px;border-radius:16px;background:linear-gradient(180deg,var(--panel),var(--panel2));border:1px solid var(--line2);position:relative;overflow:hidden;}
.panel::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--cyan),transparent);opacity:.5;}
.panel p{padding:0;margin:0 0 10px;font-size:13px;color:var(--txt2);}
.panel ul.links{list-style:none;margin:0;padding:0;}
.panel ul.links li{border-bottom:1px solid var(--line);padding:9px 0;}
.panel ul.links li:last-child{border-bottom:0;}
.panel ul.links a{color:var(--txt);font-size:13px;}
.panel ul.links a:hover{color:var(--cyan);}
.tiny{font-size:11px;color:var(--txt3);line-height:1.7;}
form.std{max-width:640px;}
form.std label{display:block;font:600 10px 'Inter',system-ui,sans-serif;letter-spacing:2px;text-transform:uppercase;color:var(--txt2);margin:16px 0 6px;}
form.std input[type=text],form.std input[type=email],form.std input[type=number],form.std select,form.std textarea{width:100%;padding:11px 13px;background:var(--bg2);border:1px solid var(--line2);border-radius:10px;color:var(--txt);font:13px 'Inter',system-ui,sans-serif;outline:none;transition:border-color .18s,box-shadow .18s;}
form.std input:focus,form.std select:focus,form.std textarea:focus{border-color:var(--cyan);box-shadow:0 0 0 3px rgba(0,229,255,.12);}
form.std textarea{height:140px;resize:vertical;font-family:inherit;}
.notice{padding:14px 16px;border-radius:12px;font-size:13px;margin-bottom:18px;background:rgba(122,92,255,.08);border:1px solid rgba(122,92,255,.3);color:#c9c0ff;border-left:3px solid var(--violet);}
.ok{padding:14px 16px;border-radius:12px;font-size:13px;margin-bottom:18px;background:rgba(163,255,92,.08);border:1px solid rgba(163,255,92,.3);color:#d6ffab;border-left:3px solid var(--lime);}
.err{padding:14px 16px;border-radius:12px;font-size:13px;margin-bottom:18px;background:rgba(255,79,163,.08);border:1px solid rgba(255,79,163,.3);color:#ffb8d6;border-left:3px solid var(--pink);}
.crt{background:#02040a;color:var(--lime);font:13px/1.55 'JetBrains Mono','Courier New',monospace;padding:22px;border:1px solid var(--line2);border-radius:14px;white-space:pre;overflow:auto;box-shadow:inset 0 0 40px rgba(163,255,92,.05);}
.crt a{color:var(--lime);}
.cursor{background:var(--lime);color:#000;animation:blink 1s steps(1) infinite;}
.storegrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:18px;}
.product{position:relative;display:flex;flex-direction:column;border-radius:16px;background:linear-gradient(180deg,var(--panel),var(--panel2));border:1px solid var(--line2);overflow:hidden;transition:transform .25s,border-color .25s,box-shadow .25s;}
.product:hover{transform:translateY(-4px);border-color:rgba(0,229,255,.45);box-shadow:0 20px 40px -20px rgba(0,229,255,.4);}
.product .art{height:150px;position:relative;overflow:hidden;background:radial-gradient(circle at 50% 60%,rgba(0,229,255,.15),transparent 70%),linear-gradient(180deg,#0b1120,#060912);border-bottom:1px solid var(--line);}
.product .art::after{content:'';position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(180deg,transparent 0 3px,rgba(0,229,255,.05) 3px 4px);}
.product .art svg{position:absolute;inset:0;width:100%;height:100%;}
.product .pbody{padding:16px;display:flex;flex-direction:column;flex:1 1 auto;}
.product .pcode{font:10px 'JetBrains Mono',monospace;letter-spacing:2px;color:var(--cyan);text-transform:uppercase;}
.product .pname{font:700 16px 'Inter',system-ui,sans-serif;color:#fff;margin:6px 0 10px;letter-spacing:-.2px;}
.product .price{font:800 22px 'JetBrains Mono',monospace;color:var(--lime);letter-spacing:-1px;margin:4px 0 10px;}
.product .pdesc{font-size:12px;color:var(--txt2);flex:1 1 auto;margin-bottom:14px;line-height:1.55;}
.product .pactions{display:flex;gap:8px;}
.product .pactions .btn{flex:1 1 auto;padding:9px 10px;font-size:10px;}
.product .pactions form{margin:0;flex:1 1 auto;}
.product .pactions form .btn{width:100%;}
.bigstage{position:relative;border-radius:22px;overflow:hidden;margin:0 0 24px;background:radial-gradient(circle at 50% 65%,rgba(0,229,255,.14),transparent 60%),linear-gradient(180deg,#060912,#0a0f1c);border:1px solid var(--line2);min-height:340px;box-shadow:inset 0 0 60px rgba(0,229,255,.06);}
.bigstage svg{display:block;margin:0 auto;width:100%;max-width:560px;height:auto;}
.bigstage .caption{position:absolute;left:20px;bottom:20px;font:11px 'JetBrains Mono',monospace;letter-spacing:2px;color:var(--cyan);text-transform:uppercase;}
.basketlist{list-style:none;padding:0;margin:0 0 20px;display:flex;flex-direction:column;gap:8px;}
.basketlist li{padding:14px 18px;border-radius:12px;background:var(--panel);border:1px solid var(--line2);display:flex;justify-content:space-between;gap:16px;align-items:center;}
.basketlist .q{color:var(--txt3);font:12px 'JetBrains Mono',monospace;}
#footer{margin-top:20px;padding:32px 28px 40px;background:linear-gradient(180deg,transparent,rgba(0,229,255,.03));border-top:1px solid var(--line2);color:var(--txt2);font:12px/1.9 'JetBrains Mono','Courier New',monospace;position:relative;}
#footer::before{content:'';position:absolute;top:0;left:28px;right:28px;height:1px;background:linear-gradient(90deg,transparent,var(--cyan),var(--violet),transparent);}
#footer a{color:var(--cyan);}
#footer .frow{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-bottom:10px;}
@media(max-width:960px){#content{grid-template-columns:1fr;padding:20px;}#side{position:static;}#masthead{flex-wrap:wrap;padding:12px 18px;}.searchbox input{width:160px;}#nav{top:auto;position:static;padding:0 10px;overflow-x:auto;}#nav a{padding:12px 12px;}#footer{padding:24px 18px;}}