@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@400;500;600;700;900&family=Rajdhani:wght@300;400;500;600;700&display=swap";*{margin:0;padding:0;box-sizing:border-box}body{margin:0;font-family:Orbitron,Rajdhani,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--cyber-bg-dark);color:var(--cyber-text-primary);overflow-x:hidden}code{font-family:Courier New,source-code-pro,Menlo,Monaco,Consolas,monospace;color:var(--cyber-neon-green)}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:var(--cyber-bg-darker);border-left:1px solid var(--cyber-border)}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--cyber-neon-blue),var(--cyber-neon-purple));border-radius:6px;box-shadow:0 0 10px var(--cyber-neon-blue)}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,var(--cyber-neon-pink),var(--cyber-neon-purple))}::selection{background:var(--cyber-neon-blue);color:var(--cyber-bg-dark)}:root{--cyber-neon-blue: #00f3ff;--cyber-neon-pink: #ff006e;--cyber-neon-purple: #bf00ff;--cyber-neon-green: #00ff9f;--cyber-neon-yellow: #ffea00;--cyber-neon-red: #ff0055;--cyber-bg-dark: #0a0a0f;--cyber-bg-darker: #050508;--cyber-bg-card: #0f0f1a;--cyber-bg-card-hover: #14142a;--cyber-text-primary: #e0e0ff;--cyber-text-secondary: #8f8fb0;--cyber-text-muted: #5a5a70;--cyber-border: #1a1a3e;--cyber-border-bright: #3d3d7a;--cyber-shadow-blue: 0 0 20px rgba(0, 243, 255, .3);--cyber-shadow-pink: 0 0 20px rgba(255, 0, 110, .3);--cyber-shadow-green: 0 0 20px rgba(0, 255, 159, .3);--cyber-glow-text: 0 0 10px currentColor}.cyber-container{background:var(--cyber-bg-dark);color:var(--cyber-text-primary);min-height:100vh;position:relative;overflow-x:hidden}.cyber-scanlines:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(0deg,rgba(0,0,0,.15),rgba(0,0,0,.15) 1px,transparent 1px,transparent 2px);pointer-events:none;z-index:1000;animation:scanline-move 8s linear infinite}@keyframes scanline-move{0%{transform:translateY(0)}to{transform:translateY(10px)}}.cyber-grid-bg{background-image:linear-gradient(var(--cyber-border) 1px,transparent 1px),linear-gradient(90deg,var(--cyber-border) 1px,transparent 1px);background-size:50px 50px;background-position:-1px -1px}.cyber-card{background:var(--cyber-bg-card);border:2px solid var(--cyber-border);border-radius:8px;padding:24px;position:relative;transition:all .3s ease;overflow:hidden}.cyber-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,243,255,.1),transparent);transition:left .5s ease}.cyber-card:hover{border-color:var(--cyber-neon-blue);box-shadow:var(--cyber-shadow-blue);transform:translateY(-2px)}.cyber-card:hover:before{left:100%}.cyber-text-glow{text-shadow:var(--cyber-glow-text);animation:text-flicker 3s infinite alternate}@keyframes text-flicker{0%,to{opacity:1}50%{opacity:.95}}.cyber-button{background:transparent;border:2px solid var(--cyber-neon-blue);color:var(--cyber-neon-blue);padding:12px 32px;font-size:16px;font-weight:600;text-transform:uppercase;letter-spacing:2px;cursor:pointer;position:relative;overflow:hidden;transition:all .3s ease;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px)}.cyber-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:var(--cyber-neon-blue);transition:left .3s ease;z-index:-1}.cyber-button:hover{color:var(--cyber-bg-dark);box-shadow:var(--cyber-shadow-blue);transform:scale(1.05)}.cyber-button:hover:before{left:0}.cyber-button-pink{border-color:var(--cyber-neon-pink);color:var(--cyber-neon-pink)}.cyber-button-pink:before{background:var(--cyber-neon-pink)}.cyber-button-pink:hover{box-shadow:var(--cyber-shadow-pink)}.cyber-terminal{background:#000;border:2px solid var(--cyber-neon-green);border-radius:4px;padding:20px;font-family:Courier New,monospace;color:var(--cyber-neon-green);box-shadow:var(--cyber-shadow-green);position:relative}.cyber-terminal:before{content:"> _";position:absolute;bottom:10px;right:20px;animation:cursor-blink 1s infinite}@keyframes cursor-blink{0%,50%{opacity:1}51%,to{opacity:0}}.cyber-data-stream{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1;overflow:hidden}.cyber-data-stream span{position:absolute;font-family:monospace;font-size:14px;color:var(--cyber-neon-green);opacity:.3;animation:data-fall linear infinite}@keyframes data-fall{0%{transform:translateY(-100%);opacity:0}10%{opacity:.3}90%{opacity:.3}to{transform:translateY(100vh);opacity:0}}.cyber-glitch{position:relative;animation:glitch-1 2s infinite}.cyber-glitch:before,.cyber-glitch:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%}.cyber-glitch:before{animation:glitch-2 3s infinite;clip-path:polygon(0 0,100% 0,100% 45%,0 45%);transform:translate(-2px,-2px);opacity:.8;color:var(--cyber-neon-pink)}.cyber-glitch:after{animation:glitch-3 2.5s infinite;clip-path:polygon(0 55%,100% 55%,100% 100%,0 100%);transform:translate(2px,2px);opacity:.8;color:var(--cyber-neon-blue)}@keyframes glitch-1{0%,to{transform:translate(0)}20%{transform:translate(-2px,2px)}40%{transform:translate(-2px,-2px)}60%{transform:translate(2px,2px)}80%{transform:translate(2px,-2px)}}@keyframes glitch-2{0%,to{transform:translate(0)}33%{transform:translate(-3px)}66%{transform:translate(3px)}}@keyframes glitch-3{0%,to{transform:translate(0)}33%{transform:translate(3px)}66%{transform:translate(-3px)}}.cyber-border-animate{position:relative;border:2px solid transparent}.cyber-border-animate:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(45deg,var(--cyber-neon-blue),var(--cyber-neon-pink),var(--cyber-neon-purple),var(--cyber-neon-blue));background-size:300% 300%;border-radius:inherit;z-index:-1;animation:border-rotate 4s linear infinite}@keyframes border-rotate{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.cyber-hologram{position:relative;background:linear-gradient(45deg,#00f3ff1a,#ff006e1a,#bf00ff1a);background-size:200% 200%;animation:hologram-shift 5s ease infinite}@keyframes hologram-shift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.cyber-progress{width:100%;height:8px;background:var(--cyber-bg-card);border:1px solid var(--cyber-border);border-radius:4px;overflow:hidden;position:relative}.cyber-progress-bar{height:100%;background:linear-gradient(90deg,var(--cyber-neon-blue),var(--cyber-neon-pink));box-shadow:0 0 10px var(--cyber-neon-blue);transition:width .3s ease;position:relative}.cyber-progress-bar:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:progress-shine 2s infinite}@keyframes progress-shine{0%{transform:translate(-100%)}to{transform:translate(100%)}}.cyber-input{background:var(--cyber-bg-darker);border:2px solid var(--cyber-border);color:var(--cyber-text-primary);padding:12px 16px;font-size:16px;font-family:Courier New,monospace;transition:all .3s ease;width:100%}.cyber-input:focus{outline:none;border-color:var(--cyber-neon-blue);box-shadow:var(--cyber-shadow-blue)}.cyber-input::placeholder{color:var(--cyber-text-muted)}.cyber-loader{width:50px;height:50px;border:3px solid var(--cyber-border);border-top-color:var(--cyber-neon-blue);border-radius:50%;animation:cyber-spin 1s linear infinite}@keyframes cyber-spin{to{transform:rotate(360deg)}}.cyber-hexagon{clip-path:polygon(30% 0%,70% 0%,100% 30%,100% 70%,70% 100%,30% 100%,0% 70%,0% 30%);background:var(--cyber-bg-card);border:2px solid var(--cyber-neon-blue)}@media (max-width: 768px){.cyber-card{padding:16px}.cyber-button{padding:10px 24px;font-size:14px}}