@import "https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700&family=Inter:wght@300;400;500;600;700&display=swap";
:root{--background:#020205;--foreground:#f0f2f5;--primary:#0fc;--secondary:#f0f;--accent:#ff0;--card-bg:#0a0c10d9;--card-border:#0fc6;--radius:4px;--shadow:0 0 20px #00ffcc26}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--background);max-width:100vw;color:var(--foreground);background-image:linear-gradient(#12101000 50%,#00000040 50%),linear-gradient(90deg,#ff000008,#00ff0003,#0000ff08),radial-gradient(circle,#0d0d1a 0%,#020205 100%);background-size:100% 4px,3px 100%,100% 100%;min-height:100vh;font-family:Inter,sans-serif;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:-1;background-color:#0000;background-image:linear-gradient(#00ffcc0d 1px,#0000 1px),linear-gradient(90deg,#00ffcc0d 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:40px 40px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;width:100vw;height:100vh;position:fixed;top:0;left:0}h1,h2,h3{text-transform:uppercase;letter-spacing:2px;font-family:Orbitron,sans-serif;font-weight:700}.cyber-card{background:var(--card-bg);border:1px solid var(--card-border);-webkit-backdrop-filter:blur(10px);clip-path:polygon(0 0,100% 0,100% calc(100% - 20px),calc(100% - 20px) 100%,0 100%);box-shadow:var(--shadow);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}.cyber-card:hover{border-color:var(--secondary);transform:translateY(-4px)scale(1.01);box-shadow:0 0 30px #f0f3}.cyber-card:after{content:"";background:var(--primary);width:40px;height:4px;box-shadow:0 0 10px var(--primary);position:absolute;top:0;right:0}.glitch-text{color:var(--primary);text-shadow:2px 2px var(--secondary);position:relative}.cyber-button{border:1px solid var(--primary);color:var(--primary);text-transform:uppercase;cursor:pointer;letter-spacing:1px;clip-path:polygon(10% 0,100% 0,90% 100%,0% 100%);background:0 0;padding:12px 24px;font-family:Orbitron,sans-serif;font-weight:700;transition:all .2s;position:relative}.cyber-button:hover:not(:disabled){background:var(--primary);color:#000;box-shadow:0 0 20px var(--primary)}.cyber-button:disabled{opacity:.5;cursor:not-allowed;border-color:var(--secondary);color:var(--secondary)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--background)}::-webkit-scrollbar-thumb{background:var(--primary);box-shadow:0 0 10px var(--primary)}@media (max-width:768px){body{background-size:100% 3px,2px 100%,100% 100%}main{padding:2rem 1rem!important}h1{font-size:2rem!important}.glitch-text{letter-spacing:1px}.cyber-card{clip-path:polygon(0 0,100% 0,100% calc(100% - 15px),calc(100% - 15px) 100%,0 100%);padding:1.5rem!important}.cyber-card h3{font-size:1.2rem!important}.cyber-button{padding:10px 16px;font-size:.8rem}footer{letter-spacing:2px!important;margin-top:3rem!important;font-size:.6rem!important}}