:root{--bg-color: #050505;--text-color: #ffffff;--primary-color: #00f3ff;--secondary-color: #bd00ff;--accent-color: #ff0055;--glass-bg: rgba(255, 255, 255, .05);--glass-border: rgba(255, 255, 255, .1);--font-main: "Inter", sans-serif;--font-mono: "Courier New", Courier, monospace}.noise-bg{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' 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")}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}.shimmer-border{position:relative;background:#ffffff08;border-radius:8px;z-index:1}.shimmer-border:before{content:"";position:absolute;inset:-1px;z-index:-1;background:linear-gradient(90deg,transparent,rgba(0,243,255,.5),transparent);background-size:200% 100%;animation:shimmer 3s linear infinite;border-radius:9px;opacity:0;transition:opacity .3s ease}.shimmer-border:hover:before{opacity:1}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-color);font-family:var(--font-main);overflow-x:hidden;line-height:1.6}html{scroll-behavior:smooth}a{color:var(--primary-color);text-decoration:none;transition:color .3s ease}a:hover{color:var(--secondary-color);text-shadow:0 0 8px var(--secondary-color)}h1,h2,h3,h4,h5,h6{font-weight:700;letter-spacing:-.02em;color:#fff}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-color)}::-webkit-scrollbar-thumb{background:var(--glass-border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--primary-color)}.glitch-mode{animation:glitch-shake .2s infinite;filter:invert(1) hue-rotate(180deg)}.glitch-mode *{text-shadow:2px 0 #f0f,-2px 0 #0ff}@keyframes glitch-shake{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)}}.glass-panel{background:#0d0d14b3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0000005e;position:relative;overflow:hidden}.glass-panel:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' 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:.05;pointer-events:none;z-index:-1}@keyframes glow{0%{box-shadow:0 0 5px var(--primary-color)}50%{box-shadow:0 0 20px var(--primary-color),0 0 10px var(--secondary-color)}to{box-shadow:0 0 5px var(--primary-color)}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(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)}}.animate-glow{animation:glow 2s infinite alternate}.animate-float{animation:float 3s ease-in-out infinite}.glitch-effect:hover{animation:glitch .3s cubic-bezier(.25,.46,.45,.94) both infinite;color:var(--primary-color)}