:root{--bg:#070a12;--card:#121a2ab8;--text:#e9eefb;--muted:#a9b4cc;--neon-cyan:#00e5ff;--neon-pink:#ff3df2;--neon-purple:#7c4dff;--accent:var(--neon-cyan);--border:#ffffff1a;--shadow:#00e5ff33}*{box-sizing:border-box}@keyframes floatGlow{0%{filter:drop-shadow(0 0 #0000);transform:translate(0,0)}50%{filter:drop-shadow(0 0 18px #00e5ff38);transform:translateY(-2px)}to{filter:drop-shadow(0 0 #0000);transform:translate(0,0)}}@keyframes scanline{0%{opacity:0;transform:translateY(-30%)}20%{opacity:.06}50%{opacity:.03}to{opacity:0;transform:translateY(120%)}}@keyframes neonBorder{0%{opacity:.55;filter:saturate(1.02);background-position:0%}50%{opacity:.7;filter:saturate(1.05);background-position:100%}to{opacity:.55;filter:saturate(1.02);background-position:0%}}@keyframes neonPulse{0%{box-shadow:0 0 0 1px #00e5ff14,0 0 14px #00e5ff0f,0 18px 80px #0000008c}50%{box-shadow:0 0 0 1px #ff3df217,0 0 18px #00e5ff17,0 0 16px #ff3df20f,0 18px 80px #0000008c}to{box-shadow:0 0 0 1px #00e5ff14,0 0 14px #00e5ff0f,0 18px 80px #0000008c}}@keyframes btnShine{0%{opacity:0;transform:translate(-140%)skew(-18deg)}20%{opacity:.65}55%{opacity:0}to{opacity:0;transform:translate(220%)skew(-18deg)}}@keyframes cardShine{0%{opacity:0;transform:translate(-120%)skew(-16deg)}25%{opacity:.35}60%{opacity:0}to{opacity:0;transform:translate(220%)skew(-16deg)}}@keyframes floatCard{0%{transform:translate(0,0)}50%{transform:translateY(-2px)}to{transform:translate(0,0)}}body{color:var(--text);background:radial-gradient(900px 500px at 20% 0%,#00e5ff2e,transparent 60%),radial-gradient(900px 500px at 80% 20%,#ff3df224,transparent 60%),radial-gradient(900px 500px at 50% 80%,#7c4dff1f,transparent 60%),var(--bg);margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial}body:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle at 15% 20%,#00e5ff14,#0000 30%),radial-gradient(circle at 85% 30%,#ff3df20f,#0000 35%),radial-gradient(circle at 55% 80%,#7c4dff0d,#0000 40%);animation:6.5s ease-in-out infinite floatGlow;position:fixed;inset:-20vh -20vw}body:after{content:"";pointer-events:none;opacity:.08;z-index:0;background:repeating-linear-gradient(#ffffff08,#ffffff08 1px,#0000 1px 6px);position:fixed;inset:0}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.container{z-index:1;max-width:980px;margin:0 auto;padding:18px;position:relative}.header{justify-content:space-between;align-items:center;gap:12px;padding:10px 0 18px;display:flex}.brand{letter-spacing:.6px;color:var(--text);text-transform:uppercase;align-items:center;gap:10px;font-size:18px;font-weight:950;display:inline-flex;position:relative}.logoWrap{background:#0000002e;border-radius:14px;flex:none;width:38px;height:38px;position:relative;overflow:hidden;box-shadow:0 0 0 1px #ffffff1a}.logoWrap:before{content:"";-webkit-mask-composite:xor;pointer-events:none;opacity:.85;background:linear-gradient(120deg,#00e5ffd9,#7c4dffbf,#ff3df2c7,#00e5ffd9) 0 0/300% 300%;border-radius:14px;padding:2px;animation:5.6s ease-in-out infinite neonBorder;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.logoWrap:after{content:"";opacity:.35;pointer-events:none;background:radial-gradient(circle at 30% 25%,#fff3,#0000 45%);position:absolute;inset:0}.logo{object-fit:cover;filter:saturate(1.1)contrast(1.05);width:100%;height:100%;display:block}.brand:hover .logoWrap{box-shadow:0 0 0 1px #00e5ff2e,0 0 18px #00e5ff24,0 0 14px #ff3df214}.brandText{align-items:baseline;gap:6px;display:inline-flex}@media (max-width:480px){.logoWrap{border-radius:12px;width:34px;height:34px}.logoWrap:before{border-radius:12px}}.brandMark{background:linear-gradient(90deg,#00e5ff,#ff3df2);color:#0000;filter:drop-shadow(0 0 12px #00e5ff2e);-webkit-background-clip:text;background-clip:text}.brandRest{color:var(--text);opacity:.92}.brand:after{content:"";opacity:.55;background:linear-gradient(90deg,#00e5ffb3,#7c4dff80,#ff3df2a6) 0 0/300% 300%;border-radius:999px;height:2px;animation:5.2s ease-in-out infinite neonBorder;position:absolute;bottom:-6px;left:0;right:0}.brand:hover:after{opacity:1}.nav{gap:14px;display:flex}.nav a{color:var(--muted);letter-spacing:.2px;-webkit-tap-highlight-color:transparent;backface-visibility:hidden;border-radius:12px;padding:8px 10px;font-weight:800;transition:color .18s,transform .18s,background .18s,filter .18s;position:relative;transform:translateZ(0)}.nav a:after{content:"";transform-origin:0;opacity:0;background:linear-gradient(90deg,#00e5fff2,#7c4dfff2,#ff3df2d9) 0 0/220% 220%;border-radius:999px;height:2px;transition:transform .22s,opacity .22s;position:absolute;bottom:6px;left:10px;right:10px;transform:scaleX(0)}@media (hover:hover) and (pointer:fine){.nav a:hover{color:var(--text);filter:drop-shadow(0 0 14px #00e5ff24);background:#00000029;transform:translateY(-1px)}.nav a:hover:after{opacity:1;animation:3.6s ease-in-out infinite navNeon;transform:scaleX(1)}}@media (hover:none){.nav a:active{color:var(--text);background:#00000029}.nav a:active:after{opacity:1;transform:scaleX(1)}}@keyframes navNeon{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@media (prefers-reduced-motion:reduce){.nav a,.socialLink,.productCard{transition:none!important}.nav a:after,.socialLink:before,.productCard:before{animation:none!important}}.hero{background:linear-gradient(#ffffff0f,#ffffff05);border:1px solid #ffffff1a;border-radius:16px;padding:18px;animation:4.6s ease-in-out infinite neonPulse;position:relative;overflow:hidden;box-shadow:0 0 0 1px #00e5ff14,0 18px 80px #0000008c}.hero h1{letter-spacing:.2px;background:linear-gradient(90deg,#00e5ff,#ff3df2);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;font-weight:900}.hero:before{content:"";-webkit-mask-composite:xor;pointer-events:none;opacity:.95;background:linear-gradient(120deg,#00e5fff2,#7c4dffe6,#ff3df2eb,#00e5fff2) 0 0/300% 300%;border-radius:16px;padding:2px;animation:4.2s ease-in-out infinite neonBorder;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.hero:hover:before{filter:drop-shadow(0 0 18px #00e5ff59)drop-shadow(0 0 22px #ff3df22e)}.hero:after{content:"";opacity:0;pointer-events:none;background:linear-gradient(#0000,#00e5ff14,#0000);height:120%;position:absolute;top:-40%;left:0;right:0}.hero:hover:after{opacity:1;animation:7.8s linear infinite scanline}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:14px;display:grid}@media (max-width:720px){.grid{grid-template-columns:1fr}}.productGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}@media (max-width:980px){.productGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:720px){.productGrid{grid-template-columns:1fr}.productThumb{height:160px}.productBody{padding:12px 14px 14px}.productBottom .btn{padding:9px 10px}}.productCard{padding:0;position:relative;overflow:hidden;transform:translate(0,0)}.productCard:before{content:"";-webkit-mask-composite:xor;pointer-events:none;opacity:.35;background:linear-gradient(120deg,#00e5ff66,#7c4dff52,#ff3df257,#00e5ff66) 0 0/320% 320%;border-radius:14px;padding:1.5px;animation:none;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.productCard:hover:before{opacity:.75;animation:9.5s ease-in-out infinite neonBorder}.productCard:after{content:"";opacity:0;pointer-events:none;background:linear-gradient(#ffffff0a,#0000 40%,#00e5ff0a);transition:opacity .18s;position:absolute;inset:0}.productThumbWrap:before{content:"";opacity:0;pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff38,#0000);width:55%;height:220%;position:absolute;top:-60%;left:-30%;transform:translate(-140%)skew(-16deg)}.productCard:hover{transform:translateY(-2px)scale(1.01);box-shadow:0 16px 46px #0000009e,0 0 0 1px #00e5ff24,0 0 34px #00e5ff1a}.productCard:hover:before{opacity:.95}.productCard:hover:after{opacity:1}.productCard:hover .productThumbWrap:before{animation:1.9s ease-in-out cardShine}.productThumbWrap{position:relative}.productThumbWrap:after{content:"";pointer-events:none;background:linear-gradient(#0000 40%,#0000008c);position:absolute;inset:0}.productThumb{object-fit:cover;border-bottom:1px solid #ffffff1f;width:100%;height:150px;display:block}.productThumbPlaceholder{background:#0000002e}.productBody{flex-direction:column;gap:6px;padding:12px 14px 14px;display:flex}.productTitle{color:var(--text);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-weight:900;line-height:1.2;display:-webkit-box;overflow:hidden}.productMeta{color:var(--muted);font-size:12px}.productBottom{justify-content:space-between;align-items:center;gap:10px;margin-top:auto;display:flex}.productBottom .btn{border-radius:10px;padding:9px 10px}.card{border:1px solid var(--border);background:var(--card);-webkit-backdrop-filter:blur(10px);border-radius:14px;padding:14px;transition:transform .18s,box-shadow .2s,border-color .2s;box-shadow:0 8px 24px #0006}.card:hover{border-color:#00e5ff73;transform:translateY(-2px);box-shadow:0 10px 36px #0000008c,0 0 0 1px #00e5ff1f,0 0 28px #00e5ff1a}.card h3{margin:0 0 6px;font-size:16px}.card p{color:var(--muted);margin:6px 0}.badges{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.badge{color:var(--muted);background:#00000026;border:1px solid #ffffff1a;border-radius:999px;padding:4px 8px;font-size:12px}.select{color:var(--text);background:#0000002e;border:1px solid #ffffff24;border-radius:10px;outline:none;padding:8px 10px}.select option{color:#111}.list{color:var(--muted);margin:8px 0 0;padding-left:18px}.list li{margin:6px 0}.socialGrid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;margin-top:12px;display:grid}.socialLink{-webkit-tap-highlight-color:transparent;backface-visibility:hidden;background:#0000002e;border:1px solid #ffffff1f;border-radius:16px;grid-template-columns:44px 1fr auto;align-items:center;gap:12px;padding:12px;transition:transform .18s,border-color .18s,box-shadow .22s;display:grid;position:relative;overflow:hidden;transform:translateZ(0)}.socialLink:before{content:"";opacity:0;-webkit-mask-composite:xor;pointer-events:none;background:linear-gradient(120deg,#00e5ff61,#7c4dff4d,#ff3df24d,#00e5ff61) 0 0/320% 320%;border-radius:16px;padding:1.5px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}@media (hover:hover) and (pointer:fine){.socialLink:hover{border-color:#00e5ff59;transform:translateY(-2px);box-shadow:0 14px 40px #0000009e,0 0 0 1px #00e5ff1f,0 0 28px #00e5ff1a}.socialLink:hover:before{opacity:1;animation:8.5s ease-in-out infinite neonBorder}}@media (hover:none){.socialLink:active{border-color:#00e5ff4d;transform:translateY(-1px)}.socialLink:active:before{opacity:.9}}.socialIcon{filter:drop-shadow(0 0 18px #00e5ff2e);border-radius:14px;width:44px;height:44px}.socialText{min-width:0}.socialTitle{color:var(--text);font-weight:900}.socialSub{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:12px;overflow:hidden}.socialArrow{color:#e9f6ffcc;opacity:.7;font-weight:900;transform:translateY(-1px)}.socialLink:hover .socialArrow{opacity:1}.btn{color:#041024;background:linear-gradient(90deg,#00e5ff,#7c4dff);border-radius:10px;padding:10px 12px;font-weight:800;transition:transform .14s,filter .18s;display:inline-block;position:relative;box-shadow:0 10px 30px #00e5ff1f}.btn:hover{filter:drop-shadow(0 0 14px #00e5ff38);transform:translateY(-1px)}.btn.detail{color:var(--text);box-shadow:none;-webkit-backdrop-filter:blur(8px);background:#0000002e;border:1px solid #ffffff24;overflow:hidden}.btn.detail:before{content:"";border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;opacity:.8;background:linear-gradient(120deg,#00e5ffcc,#ff3df2b8,#7c4dffb8,#00e5ffcc) 0 0/300% 300%;padding:1.5px;animation:none;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.btn.detail:hover:before{animation:8.5s ease-in-out infinite neonBorder}.btn.detail:after{content:"";pointer-events:none;opacity:0;background:linear-gradient(90deg,#0000,#ffffff38,#0000);width:50%;height:180%;animation:2.8s ease-in-out infinite btnShine;position:absolute;top:-40%;left:-20%}.btn.detail:hover{filter:drop-shadow(0 0 16px #00e5ff42)drop-shadow(0 0 14px #ff3df229);transform:translateY(-1px)}.btn.detail:active{transform:translateY(0)scale(.98)}.btn.secondary{color:var(--text);background:0 0;border:1px solid #ffffff24}.footer{color:var(--muted);border-top:1px solid #ffffff1a;margin-top:24px;padding-top:14px;font-size:13px}.table{border-collapse:collapse;width:100%}.table th,.table td{text-align:left;border-bottom:1px solid #ffffff1a;padding:10px}.table th{color:var(--muted);font-weight:600}.image{object-fit:cover;border:1px solid #ffffff24;border-radius:12px;width:100%;max-height:280px;box-shadow:0 0 0 1px #ff3df214,0 18px 60px #0000008c}@media (prefers-reduced-motion:reduce){body:before,.hero:before,.hero:after,.btn.detail:before,.btn.detail:after,.productCard:before,.productThumbWrap:before{animation:none!important}.card,.btn,.productCard{transition:none!important}}