@import"https://fonts.googleapis.com/css2?family=Space+Mono:wght@400;700&display=swap";:root{font-family:Space Mono,monospace;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;--color-bg: #0f1419;--color-text-primary: #e8e8ff;--color-accent: #6366f1;--color-text-secondary: #9ca3af}*{margin:0;padding:0;box-sizing:border-box;cursor:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><circle cx="8" cy="8" r="3" fill="%236366f1"/></svg>') 8 8,auto}html{scroll-behavior:smooth}body{background-color:var(--color-bg);background-image:linear-gradient(180deg,#0f1419,#1a1f2e);color:var(--color-text-primary);line-height:1.6;letter-spacing:.3px}a{color:inherit;text-decoration:none}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes float1{0%,to{transform:translate(0) scale(1)}50%{transform:translate(30px,-30px) scale(1.1)}}@keyframes float2{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-40px,40px) scale(.9)}}@keyframes float3{0%,to{transform:translate(0) rotate(0)}50%{transform:translate(20px,-50px) rotate(180deg)}}.container{display:flex;flex-direction:column;min-height:100vh;padding:2rem 1.5rem;background:linear-gradient(180deg,#0f1419,#1a1f2e);position:relative;overflow:hidden}.hero{display:flex;justify-content:center;align-items:center;flex:1;text-align:center;position:relative;z-index:2;animation:fadeIn .8s ease-out}.hero-content{max-width:100%}.name{font-family:Space Mono,monospace;font-size:clamp(3.5rem,10vw,7rem);font-weight:700;letter-spacing:.08em;color:var(--color-text-primary);margin:0;line-height:1.1;margin-bottom:1rem;transition:all .3s ease}.name:hover{color:var(--color-accent);transform:scale(1.02)}.tagline{font-family:Space Mono,monospace;font-size:clamp(.9rem,2.5vw,1.3rem);color:var(--color-text-secondary);font-weight:400;letter-spacing:.15em;margin:0;line-height:1.6;transition:all .3s ease}.tagline:hover{color:var(--color-accent);transform:scale(1.02)}@media(max-width:640px){.container{padding:1.5rem 1rem}.nav{gap:1.5rem;margin-bottom:3rem;font-size:.85rem}.social-links{gap:1.5rem}}