:root{--bg:#060912;--panel:#0e1422;--line:#243049;--text:#f5f7fb;--muted:#9da8bb;--blue:#26a7ff;--purple:#7b4dff}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,system-ui,sans-serif}a{color:inherit;text-decoration:none}.wrap{width:min(1160px,92%);margin:auto}header{position:sticky;top:0;background:#070b13ee;border-bottom:1px solid var(--line);z-index:5}.nav{min-height:72px;display:flex;align-items:center;gap:24px}.logo{font-weight:900;font-size:24px}.logo span{background:linear-gradient(90deg,var(--blue),var(--purple));-webkit-background-clip:text;color:transparent}.search{display:flex;flex:1;background:var(--panel);border:1px solid var(--line);border-radius:12px;overflow:hidden}.search input{flex:1;padding:13px;border:0;background:transparent;color:#fff;outline:0}.search button{background:transparent;border:0;color:#fff;padding:0 15px}nav{display:flex;gap:18px;color:var(--muted);font-size:14px}.hero{padding:80px 0;background:radial-gradient(circle at 80% 20%,#26a7ff2e,transparent 32%),radial-gradient(circle at 60% 60%,#7b4dff25,transparent 30%)}.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:50px;align-items:center}.hero small,section>div>small{color:#72c9ff;letter-spacing:2px;font-weight:800}.hero h1{font-size:clamp(42px,6vw,72px);line-height:1;margin:15px 0}.hero h1 b{background:linear-gradient(90deg,var(--blue),var(--purple));-webkit-background-clip:text;color:transparent}.hero p{color:var(--muted);font-size:19px;line-height:1.5}.btn{display:inline-block;background:linear-gradient(90deg,var(--blue),var(--purple));border:0;border-radius:11px;color:#fff;font-weight:800;padding:12px 18px;margin-top:12px}.hero-card{min-height:320px;border:1px solid var(--line);border-radius:25px;padding:30px;display:flex;flex-direction:column;justify-content:end;background:radial-gradient(circle at 75% 20%,#7b4dff88,transparent 35%),#0d1422}.hero-card b{font-size:28px;max-width:320px;margin:12px 0}.hero-card small{color:var(--muted)}.section{padding:60px 0}.section h2{font-size:32px;margin:8px 0 25px}.dark{background:#080d17}.cats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.cats a{background:var(--panel);border:1px solid var(--line);padding:20px;border-radius:15px}.products{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.products article{background:var(--panel);border:1px solid var(--line);border-radius:16px;overflow:hidden}.pic{height:190px;display:grid;place-items:center;background:#0a101b;font-size:50px}.pic img{width:100%;height:100%;object-fit:contain}.body{padding:15px}.body small{color:#70c4ff}.body h3{font-size:16px;min-height:40px}.body strong{font-size:21px;display:block;margin:12px 0}.full{width:100%;text-align:center}.notice{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:18px;color:var(--muted);margin:18px 0}.notice b{color:#fff}.panel{padding:60px 0}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:25px 0}.stats>div{background:var(--panel);border:1px solid var(--line);border-radius:15px;padding:22px;color:var(--muted)}.stats b{display:block;color:#fff;font-size:28px;margin-top:8px}.login{min-height:100vh;display:grid;place-items:center;padding:20px}.login>div{width:min(420px,100%);background:var(--panel);border:1px solid var(--line);padding:28px;border-radius:20px}.login form{display:grid;gap:12px}.login input{padding:13px;border-radius:10px;border:1px solid var(--line);background:#080d17;color:#fff}.login .btn{cursor:pointer}.login .btn{width:100%}footer{border-top:1px solid var(--line);padding:35px 0;color:var(--muted)}@media(max-width:850px){nav{display:none}.hero-grid{grid-template-columns:1fr}.cats,.products{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.search{display:none}.cats,.products{grid-template-columns:1fr}}