:root{--metal-light: #ececec;--metal-mid: #c9c9c9;--metal-dark: #8a8a8a;--metal-shadow: rgba(0, 100, 0, .5);--glow-green: #00ff5a;--glow-green-dark: #008831;--font-tech: "Lucida Console", Monaco, monospace}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-tech);margin:0;height:100vh;background:#a9a9a9;background:repeating-linear-gradient(90deg,#0f0f0f 0px 3px,#0a0a0a 4px)}main{display:flex;flex-direction:column;align-items:center;justify-content:center}main section{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100dvw;height:auto;padding:50px}.panel-metal{position:relative;padding:20px;border-radius:18px;background:repeating-linear-gradient(90deg,var(--metal-light) 0px,var(--metal-light) 2px,var(--metal-mid) 3px);box-shadow:inset 0 1px 2px #ffffffb3,inset 0 -2px 4px #00000040,0 10px 26px var(--metal-shadow);border:1px solid var(--metal-dark)}.panel-metal:before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(145deg,#ffffff73,#ffffff0d 40%,#fff0 60%);pointer-events:none}.panel-metal:after{content:"";position:absolute;inset:-4px;border-radius:22px;box-shadow:0 0 14px var(--glow-green);pointer-events:none}.button-metal{padding:12px 24px;border-radius:16px;font-family:var(--font-tech);font-size:14px;cursor:pointer;color:#000;background:linear-gradient(145deg,#fafafa,#d0d0d0);border:1px solid var(--metal-dark);box-shadow:inset 1px 1px 2px #fff9,inset -2px -2px 4px #0003,0 6px 16px var(--metal-shadow)}.button-metal:hover{box-shadow:inset 1px 1px 2px #fffc,inset -1px -1px 3px #0003,0 12px 28px #00000080,0 0 12px var(--glow-green)}.button-metal:active{transform:translateY(2px);box-shadow:inset 2px 2px 4px #0000004d,inset -1px -1px 2px #fff6,0 4px 10px var(--metal-shadow)}.input-tech{width:100%;padding:10px 14px;border-radius:14px;font-family:var(--font-tech);background:#111;color:var(--glow-green);border:1px solid var(--glow-green-dark);box-shadow:inset 0 0 12px #00ff5a40,0 0 8px #00ff5a1a}.input-tech:focus{outline:none;box-shadow:inset 0 0 18px #00ff5a80,0 0 14px #00ff5a66}.nav-blade{display:flex;gap:18px;padding:12px}.nav-item{font-family:var(--font-tech);padding:10px 20px;border-radius:16px;background:linear-gradient(145deg,#e9e9e9,#c4c4c4);box-shadow:inset 2px 2px 6px #fff9,inset -3px -3px 6px #0003,0 4px 12px #0000004d;cursor:pointer;transition:.2s ease}.nav-item:hover{background:linear-gradient(145deg,#fff,#d4d4d4);box-shadow:inset 2px 2px 6px #fffc,inset -3px -3px 6px #00000040,0 8px 24px #00000080,0 0 14px var(--glow-green)}