@import"https://fonts.googleapis.com/css2?family=Fira+Code:wght@300;400;500;700&family=Inter:wght@300;400;600&family=Space+Grotesk:wght@300;500;700&family=Rajdhani:wght@400;500;600;700;800&family=Syncopate:wght@400;700&display=swap";:root{--color-bg: #030005;--color-text: #e0e0e0;--color-accent-bio: #39ff14;--color-accent-tech: #00f3ff;--color-accent-punk: #ff00ff;--color-accent-danger: #ff003c;--color-accent-void: #8a2be2;--color-surface: #0a050f;--font-main: "Space Grotesk", sans-serif;--font-mono: "Fira Code", monospace;--font-display: "Syncopate", sans-serif;--font-ui: "Rajdhani", sans-serif}body{background-color:var(--color-bg);color:var(--color-text);font-family:var(--font-main);margin:0;overflow-x:hidden;-webkit-font-smoothing:antialiased;cursor:crosshair}body:before{content:" ";display:block;position:fixed;top:0;left:0;width:100vw;height:100vh;background:linear-gradient(#12101000 50%,#00000040 50%),linear-gradient(90deg,#ff00000f,#00ff0005,#0000ff0f);z-index:9998;background-size:100% 2px,3px 100%;pointer-events:none}body:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background: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.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.07'/%3E%3C/svg%3E");pointer-events:none;z-index:9999;mix-blend-mode:color-dodge;animation:static-noise .2s infinite}@keyframes static-noise{0%{transform:translate(0) scale(1)}25%{transform:translate(-2%) scale(1.02)}50%{transform:translate(1%) scale(.98)}75%{transform:translate(2%) scale(1.01)}to{transform:translate(0) scale(1)}}::selection{background:var(--color-accent-punk);color:#fff;text-shadow:0 0 5px white}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--color-accent-tech),var(--color-accent-punk))}.font-mono{font-family:var(--font-mono)}.font-display{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.1em;font-weight:700}.font-ui{font-family:var(--font-ui);text-transform:uppercase;letter-spacing:.05em;font-weight:700}.glow-text-punk{color:var(--color-accent-punk);text-shadow:0 0 5px var(--color-accent-punk),0 0 20px var(--color-accent-punk)}.glow-text-bio{color:var(--color-accent-bio);text-shadow:0 0 5px var(--color-accent-bio),0 0 10px rgba(57,255,20,.5)}.glow-text-tech{color:var(--color-accent-tech);text-shadow:0 0 5px var(--color-accent-tech),0 0 10px rgba(0,243,255,.5)}.box-brutal{border:1px solid rgba(255,255,255,.1);background:#0a050f99;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);position:relative;transition:all .3s cubic-bezier(.25,.46,.45,.94)}.box-brutal:hover{border-color:var(--color-accent-punk);box-shadow:0 0 30px #f0f3;transform:scale(1.01)}.animate-pulse-fast{animation:pulse-fast .1s infinite}@keyframes pulse-fast{0%{opacity:1}50%{opacity:.7}to{opacity:1}}.chromatic-shake:hover{animation:chromatic .3s infinite}@keyframes chromatic{0%{text-shadow:2px 0 var(--color-accent-danger),-2px 0 var(--color-accent-tech)}25%{text-shadow:-2px 0 var(--color-accent-danger),2px 0 var(--color-accent-tech)}50%{text-shadow:2px 0 var(--color-accent-punk),-2px 0 var(--color-accent-bio)}75%{text-shadow:-2px 0 var(--color-accent-punk),2px 0 var(--color-accent-bio)}to{text-shadow:2px 0 var(--color-accent-danger),-2px 0 var(--color-accent-tech)}}