*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--accent:oklch(72% .15 195);--accent-dim:oklch(72% .15 195/.12);--accent-mid:oklch(72% .15 195/.35);--radius:6px;--mono:"JetBrains Mono", monospace;--sans:"JetBrains Mono", monospace}:root,:root[data-theme=dark]{--bg:oklch(18% .008 250);--bg2:oklch(22% .01 250);--bg3:oklch(26% .012 250);--border:oklch(32% .012 250);--fg:oklch(96% .005 240);--fg2:oklch(68% .012 250);--fg3:oklch(48% .012 250)}:root[data-theme=light]{--bg:oklch(98% .003 240);--bg2:oklch(95% .004 240);--bg3:oklch(92% .005 240);--border:oklch(86% .006 240);--fg:oklch(12% .01 240);--fg2:oklch(40% .012 240);--fg3:oklch(60% .01 240)}@media (prefers-color-scheme:light){:root[data-theme=auto]{--bg:oklch(98% .003 240);--bg2:oklch(95% .004 240);--bg3:oklch(92% .005 240);--border:oklch(86% .006 240);--fg:oklch(12% .01 240);--fg2:oklch(40% .012 240);--fg3:oklch(60% .01 240)}}html{scroll-behavior:smooth;transition:background-color .3s}body{font-family:var(--sans);background:var(--bg);color:var(--fg);-webkit-font-smoothing:antialiased;min-height:100vh}#root{min-height:100vh;position:relative}.grid-bg{pointer-events:none;z-index:0;background-image:linear-gradient(var(--border) 1px, transparent 1px), linear-gradient(90deg, var(--border) 1px, transparent 1px);opacity:.3;-webkit-mask-image:radial-gradient(circle at var(--mx,50%) var(--my,50%), black 0%, transparent 35%);mask-image:radial-gradient(circle at var(--mx,50%) var(--my,50%), black 0%, transparent 35%);-webkit-mask-image:radial-gradient(circle at var(--mx,50%) var(--my,50%), black 0%, transparent 35%);background-size:48px 48px;position:fixed;inset:0}.reveal{opacity:0;transition:opacity .8s,transform .8s cubic-bezier(.2,.7,.2,1);transform:translateY(24px)}.reveal.in{opacity:1;transform:translateY(0)}.spot-card{isolation:isolate;position:relative;overflow:hidden}.spot-card:before{content:"";background:radial-gradient(380px circle at var(--cx,50%) var(--cy,50%), var(--accent-dim), transparent 50%);opacity:0;pointer-events:none;z-index:-1;transition:opacity .3s;position:absolute;inset:0}.spot-card:hover:before{opacity:1}.terminal-cursor{background:var(--accent);vertical-align:text-bottom;width:8px;height:1em;margin-left:2px;animation:1.05s steps(2,end) infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}.hover-shift{transition:color .3s,transform .3s,letter-spacing .3s;display:inline-block}.hover-shift:hover{transform:translate(4px);color:var(--accent)!important}.tagline-line{transition:color .35s,transform .35s;display:block}.tagline-line:hover{transform:translate(6px);color:var(--fg)!important}.hero-name{cursor:default;transition:letter-spacing .4s,color .3s;display:block;position:relative}.hero-name:hover{letter-spacing:-.02em;color:var(--accent)!important}.status-badge:hover{transform:translateY(-2px);border-color:var(--accent)!important;background:oklch(72% .15 195/.2)!important}.role-line{cursor:default;transition:transform .25s,color .25s;display:inline-block}.role-line:hover{transform:translate(4px);color:var(--fg)!important}.role-line:before{content:"> ";opacity:.6}.tagline:hover{color:var(--fg)!important}.tech-chip{cursor:default;transition:color .2s,border-color .2s,background .2s,transform .2s}.tech-chip:hover{transform:translateY(-2px);color:var(--accent)!important;border-color:var(--accent-mid)!important}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}@media (width<=900px){.hero-terminal-wrap{display:none!important}}