@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Noto+Sans+Arabic:wght@300;400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@300;400;500&display=swap";*{margin:0;padding:0;box-sizing:border-box}:root{--purple: #6200EA;--purple-light: #9D46FF;--purple-dark: #3700B3;--teal: #03DAC6;--teal-light: #66FFF8;--teal-dark: #00A896;--orange: #FF5722;--bg-dark: #121212;--bg-light: #1E1E1E;--neon-glow: 0 0 10px rgba(3, 218, 198, .7);--cyber-grid: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%236200ea' fill-opacity='0.05' fill-rule='evenodd'%3E%3Cpath d='M0 20v20h40V0H0v20zm1 0v19h38V1H1v19z'/%3E%3C/g%3E%3C/svg%3E");--terminal-font: "JetBrains Mono", monospace}body{font-family:Space Grotesk,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;background-color:var(--bg-dark);color:#fff;position:relative}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:var(--cyber-grid);z-index:-1;opacity:.4;pointer-events:none}a{text-decoration:none;color:inherit;position:relative}a:not(.plain):after{content:"";position:absolute;width:0;height:2px;bottom:-2px;left:0;background:linear-gradient(90deg,var(--purple),var(--teal));transition:width .3s ease}a:not(.plain):hover:after{width:100%}html{scroll-behavior:smooth}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:var(--purple);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--purple-light)}@keyframes gradient-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes neon-flicker{0%,19%,21%,23%,25%,54%,56%,to{box-shadow:var(--neon-glow);opacity:1}20%,24%,55%{box-shadow:none;opacity:.8}}@keyframes scan-lines{0%{background-position:0 0}to{background-position:0 100%}}@keyframes data-flow{0%{background-position:0 0}to{background-position:200% 0}}@keyframes grid-shine{0%{background-position:-200% 0}to{background-position:200% 0}}.text-gradient{background:linear-gradient(90deg,var(--purple),var(--teal));background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:gradient-shift 5s ease infinite}.border-gradient{position:relative}.border-gradient:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;z-index:-1;background:linear-gradient(90deg,var(--purple),var(--teal),var(--orange),var(--purple));background-size:300% 300%;animation:gradient-shift 15s ease infinite;border-radius:18px}.float-animation{animation:float 5s ease-in-out infinite}.pulse-animation{animation:pulse 3s ease-in-out infinite}.glow{box-shadow:0 0 15px #6200ea80}.neon-box{border:1px solid var(--teal);box-shadow:var(--neon-glow);position:relative;overflow:hidden;z-index:1}.neon-box:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to bottom,transparent 50%,rgba(3,218,198,.1) 51%,transparent 52%);background-size:100% 4px;animation:scan-lines 3s linear infinite;z-index:-1;pointer-events:none}.neon-text{color:var(--teal);text-shadow:0 0 5px rgba(3,218,198,.7)}.neon-flicker{animation:neon-flicker 3s infinite alternate}.cyber-button{position:relative;overflow:hidden;z-index:1;transition:all .3s ease}.cyber-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:all .6s ease;z-index:-1}.cyber-button:hover:before{left:100%}.data-line{position:relative;overflow:hidden}.data-line:before{content:"";position:absolute;top:0;left:0;width:100%;height:2px;background:linear-gradient(to right,var(--bg-dark),var(--teal),var(--bg-dark));background-size:200% 100%;animation:data-flow 3s linear infinite}.terminal-text{font-family:var(--terminal-font);position:relative;padding-left:1em}.terminal-text:before{content:">";position:absolute;left:0;color:var(--teal)}.grid-panel{position:relative;border:1px solid rgba(3,218,198,.3);border-radius:5px;background-color:#0000004d;overflow:hidden}.grid-panel:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,rgba(3,218,198,.1) 1px,transparent 1px) 0 0 / 20px 20px,linear-gradient(0deg,rgba(3,218,198,.1) 1px,transparent 1px) 0 0 / 20px 20px;pointer-events:none}.grid-panel:after{content:"";position:absolute;top:0;left:-150%;width:200%;height:100%;background:linear-gradient(90deg,transparent,rgba(3,218,198,.2),transparent);transform:rotate(45deg);animation:grid-shine 4s ease-in-out infinite;pointer-events:none}.noise-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 250 250' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");opacity:.03;pointer-events:none;z-index:9999}