@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid}}}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-flex{display:inline-flex}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.border{border-style:var(--tw-border-style);border-width:1px}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}:root{--bg:#050508;--surface:#0c0c12;--surface2:#111118;--border:#1a1a24;--border2:#252530;--accent:#0f8;--accent2:#0af;--text:#e8e8f0;--muted:#5a5a6e;--muted2:#3a3a4e}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);cursor:none;font-family:Syne,sans-serif;overflow-x:hidden}::selection{background:var(--accent);color:#000}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border2);border-radius:2px}::-webkit-scrollbar-thumb:hover{background:var(--accent)}.cursor{background:var(--accent);pointer-events:none;z-index:9999;mix-blend-mode:difference;border-radius:50%;width:10px;height:10px;transition:transform .1s,width .2s,height .2s,background .2s;position:fixed;transform:translate(-50%,-50%)}.cursor-ring{pointer-events:none;z-index:9998;border:1px solid #0f86;border-radius:50%;width:36px;height:36px;transition:transform .15s ease-out,width .3s,height .3s,border-color .3s;position:fixed;transform:translate(-50%,-50%)}body:before{content:"";pointer-events:none;z-index:1;opacity:.3;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.04'/%3E%3C/svg%3E");position:fixed;inset:0}.grid-bg{background-image:linear-gradient(#00ff8808 1px,#0000 1px),linear-gradient(90deg,#00ff8808 1px,#0000 1px);background-size:60px 60px}.glow-green{box-shadow:0 0 20px #00ff8826,0 0 60px #00ff880d}.glow-blue{box-shadow:0 0 20px #00aaff26,0 0 60px #00aaff0d}.text-glow{text-shadow:0 0 20px #00ff8880}@keyframes scanline{0%{transform:translateY(-100%)}to{transform:translateY(100vh)}}.scanline:after{content:"";pointer-events:none;background:linear-gradient(#0000,#00ff880d,#0000);width:100%;height:2px;animation:8s linear infinite scanline;position:absolute}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.blink{animation:1s step-end infinite blink}.mono{font-family:Space Mono,monospace}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.fade-in-up{animation:.7s forwards fadeInUp}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes countUp{0%{opacity:0}to{opacity:1}}.gradient-text{background:linear-gradient(135deg, var(--accent) 0%, var(--accent2) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.card-hover{border:1px solid var(--border);transition:all .3s}.card-hover:hover{border-color:#00ff884d;transform:translateY(-4px);box-shadow:0 20px 60px #00ff8814}.underline-anim{position:relative}.underline-anim:after{content:"";background:var(--accent);width:0;height:1px;transition:width .3s;position:absolute;bottom:-2px;left:0}.underline-anim:hover:after{width:100%}.skill-bar-fill{background:linear-gradient(90deg, var(--accent), var(--accent2));border-radius:1px;height:2px;transition:width 1.5s cubic-bezier(.4,0,.2,1)}.section-line{background:var(--accent);width:40px;height:2px}.tag{color:var(--accent);letter-spacing:.05em;background:#00ff8814;border:1px solid #00ff8826;border-radius:3px;padding:3px 8px;font-family:Space Mono,monospace;font-size:.65rem}.tag-blue{color:var(--accent2);background:#00aaff14;border-color:#00aaff26}.nav-dot{background:var(--muted2);border-radius:50%;width:4px;height:4px;transition:all .3s}.nav-dot.active{background:var(--accent);box-shadow:0 0 8px #0f89}.hex-border{clip-path:polygon(50% 0%,93% 25%,93% 75%,50% 100%,7% 75%,7% 25%)}@media (max-width:480px){body{cursor:auto}.cursor,.cursor-ring{display:none}}@media (max-width:768px){.side-socials{display:none!important}}input,textarea{-webkit-appearance:none;border-radius:6px}a,button{-webkit-tap-highlight-color:transparent}html,body{max-width:100%;overflow-x:hidden}.skip-link{background:var(--accent);color:#000;z-index:9999;border-radius:0 0 4px 4px;padding:8px 16px;font-family:Space Mono,monospace;font-size:.8rem;font-weight:700;text-decoration:none;transition:top .2s;position:absolute;top:-100px;left:20px}.skip-link:focus{top:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}