@import url('https://fonts.googleapis.com/css2?family=Rajdhani:wght@500;600;700&family=Orbitron:wght@700;900&display=swap');
:root{--g:#39ff88;--p:#b14dff;--d:#07080b;--m:#14171d;--w:#f4f6f8}
*{box-sizing:border-box;margin:0;padding:0}
html,body{width:1920px;height:1080px;overflow:hidden;background:transparent;font-family:Rajdhani,sans-serif;color:var(--w)}
.metal{background:
 repeating-linear-gradient(90deg,rgba(255,255,255,.025) 0 2px,transparent 2px 120px),
 repeating-linear-gradient(0deg,rgba(255,255,255,.02) 0 2px,transparent 2px 120px),
 radial-gradient(ellipse at 20% 0%,rgba(57,255,136,.13),transparent 55%),
 radial-gradient(ellipse at 90% 100%,rgba(177,77,255,.16),transparent 55%),
 linear-gradient(160deg,#0e1116,#06070a 60%,#0b0a10)}
.neonG{border:4px solid var(--g);box-shadow:0 0 12px var(--g),0 0 34px rgba(57,255,136,.55),inset 0 0 14px rgba(57,255,136,.5)}
.neonP{border:4px solid var(--p);box-shadow:0 0 12px var(--p),0 0 34px rgba(177,77,255,.55),inset 0 0 14px rgba(177,77,255,.5)}
.flick{animation:flick 7s infinite}
.flick2{animation:flick 9.3s infinite 2s}
@keyframes flick{0%,100%{opacity:1}46%{opacity:1}47%{opacity:.55}48%{opacity:1}49%{opacity:.7}50%{opacity:1}82%{opacity:1}82.5%{opacity:.8}83%{opacity:1}}
.drawers{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.drawers div{height:80px;background:linear-gradient(180deg,#1b1f26,#0f1216);border:1px solid #2a3038;position:relative;border-radius:3px}
.drawers div:after{content:"";position:absolute;left:50%;top:50%;width:44px;height:8px;margin:-4px -22px;background:#3a414b;border-radius:4px;box-shadow:0 0 6px rgba(57,255,136,.25)}
.hole{position:absolute;background:transparent}
.tag{position:absolute;font-weight:700;font-size:40px;letter-spacing:2px;padding:4px 28px;background:#0b0d11;clip-path:polygon(18px 0,100% 0,calc(100% - 18px) 100%,0 100%)}