@import "https://fonts.googleapis.com/css2?family=Orbitron:wght@400;500;600;700;800;900&family=Rajdhani:wght@300;400;500;600;700&display=swap";
:root{--color-primary:#f09;--color-primary-light:#ff1493;--color-primary-glow:#f09c;--color-secondary:#00d9ff;--color-secondary-light:#00f0ff;--color-secondary-glow:#00d9ffcc;--color-accent:#9d00ff;--color-accent-light:#6b00ff;--color-accent-glow:#9d00ffcc;--color-dark-primary:#0a0e27;--color-dark-secondary:#000;--color-dark-tertiary:#0d1117;--color-dark-bg:#050810;--gradient-primary:linear-gradient(135deg, var(--color-primary) 0%, var(--color-accent) 100%);--gradient-secondary:linear-gradient(135deg, var(--color-secondary) 0%, var(--color-accent-light) 100%);--gradient-neon:linear-gradient(90deg, var(--color-primary) 0%, var(--color-secondary) 50%, var(--color-accent) 100%);--gradient-dark:linear-gradient(180deg, var(--color-dark-primary) 0%, var(--color-dark-secondary) 100%);--font-primary:"Orbitron", sans-serif;--font-secondary:"Rajdhani", sans-serif;--neon-glow-pink:0 0 10px var(--color-primary-glow), 0 0 20px var(--color-primary-glow), 0 0 30px var(--color-primary-glow);--neon-glow-cyan:0 0 10px var(--color-secondary-glow), 0 0 20px var(--color-secondary-glow), 0 0 30px var(--color-secondary-glow);--neon-glow-purple:0 0 10px var(--color-accent-glow), 0 0 20px var(--color-accent-glow), 0 0 30px var(--color-accent-glow);--neon-text-glow:0 0 5px currentColor, 0 0 10px currentColor, 0 0 20px currentColor, 0 0 40px currentColor;--spacing-xs:.5rem;--spacing-sm:1rem;--spacing-md:2rem;--spacing-lg:4rem;--spacing-xl:6rem;--transition-fast:.2s ease-in-out;--transition-normal:.3s ease-in-out;--transition-slow:.5s ease-in-out;--z-background:-1;--z-content:1;--z-header:10;--z-overlay:100}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;height:100%;overflow-x:hidden}body{background:var(--color-dark-bg);min-height:100vh;color:var(--color-secondary-light);font-family:var(--font-secondary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400;line-height:1.6;position:relative;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-primary);letter-spacing:.05em;text-transform:uppercase;font-weight:700;line-height:1.2}h1{font-size:clamp(2.5rem,8vw,6rem);font-weight:900}h2{font-size:clamp(2rem,6vw,4rem);font-weight:800}h3{font-size:clamp(1.5rem,4vw,2.5rem);font-weight:700}p{font-family:var(--font-secondary);font-size:clamp(1rem,2vw,1.25rem);font-weight:400;line-height:1.8}a{color:inherit;transition:all var(--transition-normal);text-decoration:none}.neon-text-pink{color:var(--color-primary);text-shadow:var(--neon-glow-pink)}.neon-text-cyan{color:var(--color-secondary);text-shadow:var(--neon-glow-cyan)}.neon-text-purple{color:var(--color-accent);text-shadow:var(--neon-glow-purple)}.neon-text-gradient{background:var(--gradient-neon);-webkit-text-fill-color:transparent;text-shadow:none;-webkit-background-clip:text;background-clip:text;position:relative}.neon-text-gradient:after{content:attr(data-text);z-index:-1;filter:blur(10px);opacity:.5;position:absolute;top:0;left:0}.neon-border{border:2px solid var(--color-primary);box-shadow:var(--neon-glow-pink), inset 0 0 10px #f093;transition:all var(--transition-normal)}.neon-border:hover{box-shadow:0 0 15px var(--color-primary-glow), 0 0 30px var(--color-primary-glow), inset 0 0 15px #f096}.glass-morphism{-webkit-backdrop-filter:blur(10px);background:#0a0e2799;border:1px solid #ffffff1a}@keyframes pulse-glow{0%,to{filter:brightness();opacity:1}50%{filter:brightness(1.3);opacity:.8}}@keyframes scanline{0%{transform:translateY(-100%)}to{transform:translateY(100vh)}}@keyframes flicker{0%,to{opacity:1}41%,43%{opacity:.8}45%{opacity:1}47%{opacity:.9}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes gradient-shift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes glitch{0%{transform:translate(0)}20%{transform:translate(-2px,2px)}40%{transform:translate(-2px,-2px)}60%{transform:translate(2px,2px)}80%{transform:translate(2px,-2px)}to{transform:translate(0)}}@keyframes neon-pulse{0%,to{text-shadow:0 0 5px,0 0 10px,0 0 20px,0 0 40px}50%{text-shadow:0 0 2px,0 0 5px,0 0 10px,0 0 20px}}.animate-pulse-glow{animation:3s ease-in-out infinite pulse-glow}.animate-flicker{animation:.15s infinite flicker}.animate-float{animation:3s ease-in-out infinite float}.animate-gradient{background-size:200% 200%;animation:3s infinite gradient-shift}.animate-neon-pulse{animation:2s ease-in-out infinite neon-pulse}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--color-dark-primary)}::-webkit-scrollbar-thumb{background:var(--gradient-primary);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--gradient-secondary)}::selection{background:var(--color-primary);color:var(--color-dark-primary)}::selection{background:var(--color-primary);color:var(--color-dark-primary)}@media (max-width:768px){:root{--spacing-lg:2rem;--spacing-xl:3rem}h1{letter-spacing:.02em}p{font-size:1rem}}@media (max-width:480px){:root{--spacing-md:1rem;--spacing-lg:1.5rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}a:focus-visible,button:focus-visible{outline:2px solid var(--color-secondary);outline-offset:4px}
