:root{--primary: #0fd28c;--accent: #f40bf4;--bg: #121313;--primary-rgb: 15, 210, 140;--accent-rgb: 244, 11, 244;--bg-rgb: 18, 19, 19;--primary-dim: rgba(var(--primary-rgb), .1);--primary-glow: rgba(var(--primary-rgb), .4);--primary-bright: rgba(var(--primary-rgb), 1);--accent-dim: rgba(var(--accent-rgb), .1);--accent-glow: rgba(var(--accent-rgb), .4);--bg-surface: rgba(var(--bg-rgb), .5);--bg-nav: rgba(var(--bg-rgb), .9);--text: #e0e0e0;--text-muted: #555;--text-subtle: #b2afaf;--font-sans: "Inter", sans-serif;--font-mono: "Share Tech Mono", monospace;--font-display: "Orbitron", sans-serif;--t-fast: .2s ease;--t-base: .3s ease;--t-slow: .6s ease;--nav-height: 72px}.theme-controls{display:flex;align-items:center;gap:.5rem}.theme-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#07070f80;border:1px solid rgba(var(--primary-rgb, 15, 210, 140),.4);color:var(--primary);font-size:1rem;transition:all .2s ease;cursor:pointer!important}.theme-btn:hover{border-color:var(--primary);box-shadow:0 0 10px rgba(var(--primary-rgb, 15, 210, 140),.3)}.color-picker-wrapper{position:relative}.swatch{display:inline-flex;flex-shrink:0;gap:3px;align-items:center}.swatch:before,.swatch:after{content:"";display:block;width:9px;height:9px;border-radius:50%}.swatch:before{background:var(--a);box-shadow:0 0 5px var(--a)}.swatch:after{background:var(--b);box-shadow:0 0 5px var(--b)}:root.light #dark-toggle{background:var(--bg-surface);color:var(--accent);border:1px solid var(--accent)}:root.light #color-trigger{background:var(--bg-surface);color:var(--accent);border:1px solid var(--accent)}.color-dropdown{display:none;position:absolute;top:calc(100% + 10px);left:0;list-style:none;min-width:210px;z-index:999;background:var(--bg);border:1px solid rgba(var(--primary-rgb),.25);-webkit-backdrop-filter:blur(6px) saturate(180%);backdrop-filter:blur(6px) saturate(180%);overflow:hidden;margin-top:4px}.trigger-swatch{display:flex;gap:3px;align-items:center}.trigger-dot{display:block;width:8px;height:8px;border-radius:50%;transition:background .3s,box-shadow .3s}.color-dropdown:before{content:"";position:absolute;top:-5px;left:15px;width:8px;height:8px;background:#04040cfa;border-top:1px solid rgba(var(--primary-rgb),.25);border-left:1px solid rgba(var(--primary-rgb),.25);transform:rotate(45deg)}.color-dropdown.open{display:block;animation:dropdownFade .2s ease}@keyframes dropdownFade{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.dropdown-item{display:flex;align-items:center;gap:.75rem;padding:.65rem .9rem;font-family:var(--font-mono);font-size:.72rem;letter-spacing:.15em;text-transform:uppercase;color:#e0dfdfb3;cursor:pointer;position:relative;border-top:1px solid rgba(255,255,255,.04);transition:color .2s,background .2s;overflow:hidden}.dropdown-item:first-child{border-top:none}.dropdown-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:linear-gradient(to bottom,var(--a, var(--primary)),var(--b, var(--accent)));opacity:0;transition:opacity .2s}.dropdown-item:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(var(--primary-rgb),.06),transparent 60%);opacity:0;transition:opacity .3s;pointer-events:none}.dropdown-item:hover{color:#ffffffd9;background:#ffffff05}.dropdown-item.active{color:#fff;background:#ffffff08}.dropdown-item:hover:before,.dropdown-item.active:before{opacity:1}.dropdown-item:hover:after,.dropdown-item.active:after{opacity:1}:root.light .color-dropdown{background:var(--bg);border-color:rgba(var(--accent-rgb),.25)}:root.light .color-dropdown:before{background:var(--bg-rgb);border-color:rgba(var(--accent-rgb),.25)}:root.light .dropdown-item{color:#1a1a2e73;border-top-color:#0000000d}:root.light .dropdown-item:hover{color:#1a1a2ed9;background:#00000008}:root.light .dropdown-item.active{color:var(--accent);background:rgba(var(--accent-rgb),.05)}:root.light .dropdown-item:after{background:linear-gradient(90deg,rgba(var(--accent-rgb),.06),transparent 60%)}@media(max-width:768px){.color-dropdown{position:absolute;top:calc(100% + 10px);left:0;min-width:200px;max-width:calc(100vw - 2rem)}.color-dropdown:before{right:10px}.dropdown-item{padding:.8rem .9rem;font-size:.75rem}}.custom-color-panel{display:none;position:absolute;top:calc(100% + 10px);left:0;min-width:210px;z-index:1000;background:var(--bg);border:1px solid rgba(var(--primary-rgb),.25);padding:.75rem .9rem;animation:dropdownFade .2s ease}.custom-color-panel.open{display:block}.custom-color-panel__header{font-family:var(--font-mono);font-size:.65rem;letter-spacing:.18em;text-transform:uppercase;color:var(--primary);margin-bottom:.65rem;opacity:.8}.color-input-row{display:flex;align-items:center;justify-content:space-between;gap:.6rem;padding:.45rem 0;border-top:1px solid rgba(255,255,255,.04)}.color-input-row:first-of-type{border-top:none}.color-input-row label{font-family:var(--font-mono);font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:#e0dfdf8c;flex-shrink:0}.color-input-wrap{display:flex;align-items:center;gap:.5rem}.color-input-hex{font-family:var(--font-mono);font-size:.65rem;letter-spacing:.06em;color:#e0dfdf73;min-width:52px}input[type=color]{-webkit-appearance:none;appearance:none;width:28px;height:28px;border:1px solid rgba(var(--primary-rgb),.4);background:transparent;cursor:pointer;padding:2px;transition:border-color .2s,box-shadow .2s}input[type=color]:hover{border-color:var(--primary);box-shadow:0 0 8px rgba(var(--primary-rgb),.35)}input[type=color]::-webkit-color-swatch-wrapper{padding:0}input[type=color]::-webkit-color-swatch{border:none}:root.light .custom-color-panel{border-color:rgba(var(--accent-rgb),.25)}:root.light .color-input-row label{color:#1a1a2e8c}:root.light .color-input-hex{color:#1a1a2e73}:root.light input[type=color]{border-color:rgba(var(--accent-rgb),.4)}:root.light input[type=color]:hover{border-color:var(--accent);box-shadow:0 0 8px rgba(var(--accent-rgb),.35)}.dropdown-item--custom{border-top:1px solid rgba(var(--primary-rgb),.15)!important;margin-top:2px}html.color-transitioning *,html.color-transitioning *:before,html.color-transitioning *:after{transition:color .55s ease,background-color .55s ease,border-color .55s ease,box-shadow .55s ease,text-shadow .55s ease!important}html.color-transitioning body:before{opacity:0;transition:opacity .25s ease!important}:root.light{--bg: rgb(215, 215, 215);--bg-rgb: 192, 190, 190;--bg-surface: rgba(215, 215, 215, .75);--bg-nav: rgba(215, 215, 215, .95);--text: #1a1a2e;--text-muted: #4a4a6a;--text-subtle: #414141}:root.light .project-card,:root.light .post-item,:root.light .about-text,:root.light .skill-tags,:root.light .timeline-item,:root.light .contact-grid,:root.light .btn-primary,:root.light .social-link,:root.light .theme-btn,:root.light .color-dropdown{border-color:rgba(var(--accent-rgb),.6)}:root.light .section-label{color:var(--accent);-webkit-text-stroke:.26px black;text-shadow:0 0 2px var(--accent)}:root.light .skill-group-title{color:var(--accent);text-shadow:0 0 2px var(--accent);-webkit-text-stroke:.25px black}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--font-sans);font-weight:300;min-height:100vh;overflow-x:hidden}a{color:inherit;text-decoration:none}body.has-custom-cursor,body.has-custom-cursor a,body.has-custom-cursor button,body.has-custom-cursor input,body.has-custom-cursor select,body.has-custom-cursor textarea{cursor:none!important}@keyframes scrollFloor{0%{transform:perspective(250px) rotateX(75deg) translateY(-25%) scale(1) translateY(0)}to{transform:perspective(250px) rotateX(75deg) translateY(-25%) scale(1) translateY(25px)}}#vanta-bg{position:fixed;inset:0;z-index:-2;pointer-events:none}body.has-vanta:before{display:none}body:before{content:"";position:fixed;inset:0;background-image:linear-gradient(rgba(var(--primary-rgb),.28) 1.5px,transparent 1.5px),linear-gradient(90deg,rgba(var(--primary-rgb),.28) 1.5px,transparent 1.5px);background-size:25px 25px;background-position:center top;transform:perspective(250px) rotateX(75deg) translateY(-25%) translateZ(0);transform-origin:top center;will-change:transform;backface-visibility:hidden;-webkit-mask-image:linear-gradient(to bottom,transparent 0%,black 8vh,black calc(100vh - 15%),transparent 100%);mask-image:linear-gradient(to bottom,transparent 0%,black 8vh,black calc(100vh - 15%),transparent 100%);pointer-events:none;z-index:-1;animation:scrollFloor 2s infinite linear}:root.light body:before{background-image:linear-gradient(rgba(var(--accent-rgb),.28) 1.5px,transparent 1.5px),linear-gradient(90deg,rgba(var(--accent-rgb),.28) 1.5px,transparent 1.5px)}.blog-body:before{animation-duration:1.5s}.blog-body .name-outline,.blog-body .name-glow{padding-left:0}.font-mono{font-family:var(--font-mono)}.font-display{font-family:var(--font-display)}nav{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;justify-content:space-between;align-items:center;height:72px;padding:0 3rem;background:var(--bg-nav);border-bottom:1.3px solid var(--primary);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}:root.light nav{border-bottom:1.3px solid var(--accent)}.nav-left{display:flex;align-items:center;gap:.75rem;flex-shrink:0}.logo{position:relative;display:inline-block;font-size:1.1rem;font-weight:600;color:var(--primary);letter-spacing:.2em;text-shadow:0 0 20px rgba(var(--primary-rgb),.5)}.nav-links{display:flex;gap:2.5rem;list-style:none;padding-left:10px}.nav-links a{font-family:var(--font-mono);font-size:1.05rem;color:var(--text);letter-spacing:.15em;text-transform:uppercase;transition:color var(--t-fast)}.nav-links a:hover,.nav-links a.active{color:var(--primary)}:root.light .nav-links a:hover,:root.light .nav-links a.active{color:var(--accent)}.logo-a,.logo-z{position:relative}.logo-a{color:var(--accent);text-shadow:0 0 10px rgba(var(--accent-rgb),.8)}.logo-z{color:var(--primary);text-shadow:0 0 10px rgba(var(--primary-rgb),.8)}.logo-a:before,.logo-a:after,.logo-z:before,.logo-z:after{position:absolute;top:0;left:0;width:100%;height:100%}.logo-a:before{content:"A"}.logo-a:after{content:"A"}.logo-z:before{content:"Z"}.logo-z:after{content:"Z";color:var(--accent)}.logo-a:before,.logo-z:before{color:rgba(var(--accent-rgb),.45);animation:glitch1 3s steps(1) infinite;clip-path:polygon(0 20%,100% 20%,100% 40%,0 40%)}.logo-a:after,.logo-z:after{color:var(--primary);animation:glitch2 3s steps(1) infinite;clip-path:polygon(0 60%,100% 60%,100% 80%,0 80%);opacity:.7}:root.light .logo-a,:root.light .logo-z{-webkit-text-stroke:.26px black}.project-card,.post-card,.about-item,.timeline-item,.contact-left,.skill-tags{will-change:transform;transform:translateZ(0);isolation:isolate}.hero{position:relative;z-index:15;min-height:90vh;display:flex;align-items:center;justify-content:center;gap:10rem;padding:8rem 3rem 4rem;overflow:hidden;background-color:var(--bg);opacity:0;transition:opacity var(--t-base)}.hero-img{opacity:0;transition:opacity .4s ease}.hero-img.loaded{opacity:1}.hero.theme-switching:before{opacity:0}.hero.ready{opacity:1;border-bottom:1.3px solid var(--primary)}:root.light .hero.ready{border-bottom:1.3px solid var(--accent)}:root{--hero-image: url(/images/city.png)}.hero:before{content:"";position:absolute;inset:-10px;z-index:1;background:linear-gradient(135deg,rgba(var(--accent-rgb),.2),rgba(var(--primary-rgb),.12),rgba(var(--accent-rgb),.2)),linear-gradient(135deg,#07070fb3,#07070f8c 60%,#07070fb3),var(--hero-image) center/cover no-repeat;transition:opacity .5s ease}.hero-content{width:max-content;max-width:550px;position:relative;z-index:2}.hero-eyebrow{font-size:1.3rem;color:var(--primary);letter-spacing:.3em;text-transform:uppercase;margin-bottom:1.5rem;overflow:hidden;white-space:nowrap;border-right:2px solid var(--primary);width:0;opacity:0;animation:fadeUp .6s ease .2s forwards,typing 5.5s steps(40) .8s infinite,blink .8s step-end infinite}.hero-eyebrow{will-change:width}.hero-name{font-size:clamp(3.5rem,6.5vw,6.5rem);line-height:.9;text-transform:uppercase;letter-spacing:-.02em;opacity:0;animation:fadeUp .6s ease .6s forwards}.name-outline,.name-glow{display:block;position:relative;padding-left:17px}.blog-heading .name-outline,.blog-heading .name-glow{display:inline-block}.name-outline{color:rgba(var(--accent-rgb),.877);-webkit-text-stroke:1px black;text-shadow:0 0 10px rgba(var(--accent-rgb),.9),0 0 40px rgba(var(--accent-rgb),.6)}.name-glow{color:var(--primary);-webkit-text-stroke:1px black;text-shadow:0 0 10px rgba(var(--primary-rgb),.9),0 0 40px rgba(var(--primary-rgb),.6)}.name-outline:before,.name-outline:after{content:"AKIF";position:absolute;top:0;left:17px;width:100%;height:100%}.name-glow:before,.name-glow:after{content:"ZAHIN";position:absolute;top:0;left:17px;width:100%;height:100%}.hero-sub{margin-top:2rem;padding:20px;font-size:1.3rem;color:#ede7e7;line-height:1.7;opacity:0;animation:fadeUp .6s ease 1s forwards}.accent-purple{color:var(--accent)}.accent-green{color:var(--primary)}.cta-row{margin-top:2.5rem;display:flex;gap:1rem;align-items:center;opacity:0;animation:fadeUp .6s ease 1.3s forwards;padding-left:20px}.social-row{margin-top:2rem;display:flex;gap:.75rem;align-items:center;opacity:0;padding-left:20px;animation:fadeUp .6s ease 1.5s forwards}.hero-profile{position:relative;z-index:1;pointer-events:none;display:flex;flex-direction:column;align-items:flex-end;gap:.75rem;align-self:flex-end;margin-bottom:-4rem;opacity:0;animation:fadeUp .6s ease .3s forwards}.hero-profile:before{content:"";position:absolute;inset:-5% -10% 10%;z-index:0;pointer-events:none}.profile-frame{position:relative;z-index:1;width:min(440px,35vw);aspect-ratio:4 / 5;will-change:transform;transform:translateZ(0);-webkit-mask-image:linear-gradient(to bottom,black 70%,transparent 100%),linear-gradient(to right,black 90%,transparent 100%),linear-gradient(to left,black 80%,transparent 100%);mask-image:linear-gradient(to bottom,black 70%,transparent 100%),linear-gradient(to right,black 90%,transparent 100%),linear-gradient(to left,black 80%,transparent 100%);-webkit-mask-composite:source-in;mask-composite:intersect}.profile-img{width:100%;height:100%;object-fit:cover;object-position:top 30% left 40%;display:block;filter:grayscale(10%) contrast(1.05) drop-shadow(0 0 12px rgba(var(--primary-rgb),.25));pointer-events:none}.corner-tag{font-family:var(--font-mono);font-size:.6rem;color:#444;letter-spacing:.1em}.hero-deco,.profile-glow{display:none}.btn-primary{position:relative;z-index:1;display:inline-block;font-family:var(--font-mono);font-size:1rem;letter-spacing:.15em;text-transform:uppercase;padding:.75rem 1.1rem;background:rgba(var(--primary-dim),.45);border:2.3px solid rgba(var(--primary-rgb),.5);color:rgba(var(--primary-rgb),.8);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:all var(--t-fast)}.btn-primary:before{content:"";position:absolute;inset:-4px -8px;z-index:-1;filter:blur(4px);border-radius:4px;pointer-events:none;transition:background var(--t-fast),filter var(--t-fast)}.btn-primary:hover{background:rgba(var(--accent-rgb),.01);border-color:rgba(var(--primary-rgb),.5);color:rgba(var(--primary-rgb),.8);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:glitchSocial 3s ease-in-out infinite}.cta-row .btn-primary{background:#0707074d!important;font-size:1.3rem;min-height:48px;width:100%;max-width:320px;display:flex;align-items:center;justify-content:center;gap:.6em;padding:1rem}.cta-row .btn-primary svg{width:20px;height:20px}:root.light .btn-primary{background:var(--bg-surface);color:rgba(var(--accent-rgb),.8)}:root.light .cta-row .btn-primary{background:#0707074d;color:rgba(var(--accent-rgb),.8)}:root.light .btn-primary:hover{background:rgba(var(--bg-rgb),.8);border-color:rgba(var(--primary-rgb),.6);color:rgba(var(--primary-rgb),.9)}.social-link{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--bg);border:2.3px solid rgba(var(--primary-rgb),.5);color:rgba(var(--primary-rgb),.8)}.social-link:hover{animation:glitchSocial 3s ease-in-out infinite}:root.light .social-link{background:#07070f40;color:var(--accent);text-shadow:0 0 2px var(--accent)}:root.light .contact-grid .social-link{background:var(--bg-surface);color:var(--accent);text-shadow:0 0 2px var(--accent)}@keyframes glitchSocial{0%{border-color:rgba(var(--primary-rgb),.3);box-shadow:0 0 0 transparent;color:rgba(var(--primary-rgb),.6)}40%{border-color:var(--primary);box-shadow:0 0 10px rgba(var(--primary-rgb),.4);color:var(--primary)}60%{border-color:var(--accent);box-shadow:0 0 10px rgba(var(--accent-rgb),.4);color:var(--accent)}to{border-color:rgba(var(--primary-rgb),.3);box-shadow:0 0 0 transparent;color:rgba(var(--primary-rgb),.6)}}@keyframes glitchSocialLight{0%{border-color:rgba(var(--accent-rgb),.3);box-shadow:0 0 0 transparent;color:rgba(var(--accent-rgb),.6)}40%{border-color:var(--accent);box-shadow:0 0 10px rgba(var(--accent-rgb),.4);color:var(--accent)}60%{border-color:var(--primary);box-shadow:0 0 10px rgba(var(--primary-rgb),.4);color:var(--primary)}to{border-color:rgba(var(--accent-rgb),.3);box-shadow:0 0 0 transparent;color:rgba(var(--accent-rgb),.6)}}.section{position:relative;z-index:5;padding:5rem 3rem;opacity:0;transform:translateY(20px);transition:opacity var(--t-slow),transform var(--t-slow)}.section.visible{opacity:1;transform:translateY(0)}.section-label{font-family:var(--font-mono);font-size:1.3rem;color:var(--primary);letter-spacing:.2em;text-transform:uppercase;margin-bottom:3rem;text-shadow:0 0 2px var(--primary);opacity:.9;background:var(--bg);width:fit-content}.section-label:before{content:"// ";opacity:.5}.tag{font-family:var(--font-mono);font-size:1.15rem;letter-spacing:.1em;padding:.2rem .6rem;border:2px solid rgba(var(--primary-rgb),.6);color:rgba(var(--primary-rgb),.8);transition:all var(--t-base)}.tag:hover{color:var(--accent);border-color:var(--accent);box-shadow:0 0 8px rgba(var(--accent-rgb),.5);animation:tagFlicker .3s steps(1)}:root.light .tag{border:2px solid rgba(var(--accent-rgb),.6);color:rgba(var(--accent-rgb),.8);-webkit-text-stroke:.3px black}:root.light .tag:hover{color:var(--primary);border-color:var(--primary);box-shadow:0 0 8px rgba(var(--primary-rgb),.5)}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2.5rem}.project-card{position:relative;background:var(--bg);padding:1rem;border:2.3px solid rgba(var(--primary-rgb),.3);display:block;color:inherit;overflow:hidden;transition:background var(--t-fast),transform var(--t-slow)}.project-card:hover{animation:glitchCard 6s ease-in-out infinite;transform:scale(1.02)}.project-card:before,.project-card:after{content:"";position:absolute;width:12px;height:12px;opacity:0;transition:opacity var(--t-fast)}.project-card:before{top:8px;left:8px;border-top:1px solid var(--primary);border-left:1px solid var(--primary)}.project-card:after{bottom:8px;right:8px;border-bottom:1px solid var(--primary);border-right:1px solid var(--primary)}.project-card:hover:before,.project-card:hover:after{opacity:1}.project-card:before,.project-card:after{display:none}.project-num{font-family:var(--font-mono);font-size:.8rem;color:var(--text);letter-spacing:.1em;margin-bottom:1rem}.project-title{font-family:var(--font-display);font-size:.9rem;font-weight:700;color:var(--text);margin-bottom:.75rem;letter-spacing:.05em}.project-desc{font-size:1rem;color:var(--text-subtle);line-height:1.6;margin-bottom:1.5rem}.project-tags{display:flex;gap:.5rem;flex-wrap:wrap}.posts-list{display:flex;flex-direction:column}.post-item{display:flex;justify-content:space-between;align-items:baseline;gap:2rem;background:var(--bg);padding:.6rem;border:2.3px solid rgba(var(--primary-rgb),.3)}.post-item:hover{animation:glitchCard 6s ease-in-out infinite}.post-title{font-size:1rem;color:var(--primary);transition:color var(--t-fast)}.post-date{font-family:var(--font-mono);font-size:.8rem;color:var(--text);letter-spacing:.1em;white-space:nowrap}.post-summary{font-size:.85rem;color:var(--text);margin-top:4px;line-height:1.4;max-width:90%}.about-grid{display:grid;grid-template-columns:1fr auto;gap:4rem;align-items:start}.about-text{font-size:1rem;color:var(--text-subtle);line-height:1.8;max-width:560px;background:var(--bg);padding:1rem;border:2.3px solid rgba(var(--primary-rgb),.3);transition:background var(--t-fast),transform var(--t-slow)}.about-text:hover{animation:glitchCard 6s ease-in-out infinite;transform:scale(1.02)}.cat-img-wrapper{display:block;width:fit-content;max-width:100%;padding:2px;background:linear-gradient(60deg,var(--primary),var(--accent));border-radius:8px}.cat-container{position:relative;display:block;width:400px;max-width:100%;overflow:visible}.cat-img{display:block;width:100%;height:auto;object-fit:cover;filter:grayscale(20%) contrast(1.1);border-radius:6px}.cat-paw{position:absolute;width:60px;height:60px;object-fit:contain;opacity:0;pointer-events:none;transition:opacity var(--t-base),transform var(--t-base)}.cat-paw--tl{top:-20px;left:-20px;transform:rotate(-30deg) scale(.5)}.cat-paw--br{bottom:-20px;right:-20px;transform:rotate(150deg) scale(.5)}.cat-container:hover .cat-paw,.cat-container.hovered .cat-paw{opacity:1}.cat-container:hover .cat-paw--tl,.cat-container.hovered .cat-paw--tl{transform:rotate(-30deg) scale(1)}.cat-container:hover .cat-paw--br,.cat-container.hovered .cat-paw--br{transform:rotate(150deg) scale(1)}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2.5rem}.skill-group-title{font-size:1.1rem;color:var(--primary);letter-spacing:.2em;text-transform:uppercase;margin-bottom:1rem;opacity:.9;width:fit-content;background:var(--bg)}.skill-tags{display:flex;flex-wrap:wrap;gap:.5rem;background:var(--bg);padding:1rem;border:2.3px solid rgba(var(--primary-rgb),.3);transition:background var(--t-fast),transform var(--t-slow)}.skill-tags:hover{animation:glitchCard 6s ease-in-out infinite;transform:scale(1.02)}.github-stats{display:flex;align-items:center;gap:8px;padding:8px 10px;margin:-1rem -1rem 1rem;border-bottom:1px solid rgba(var(--primary-rgb),.3);background:var(--bg);font-size:10px;letter-spacing:1px}.github-mark{opacity:.4;flex-shrink:0;color:var(--primary)}:root.light .github-mark{color:var(--accent)}.github-repo{color:var(--text);font-size:10px;letter-spacing:1px;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.github-meta{display:flex;align-items:center;gap:10px;flex-shrink:0}:root.light .github-meta{color:var(--text)}.github-stat{font-size:10px;color:var(--text);letter-spacing:1px}.github-lang{display:flex;align-items:center;gap:4px;font-size:10px;color:var(--text);letter-spacing:1px}:root.light .github-lang{color:var(--text)}.lang-dot{width:8px;height:8px;border-radius:50%;display:inline-block;flex-shrink:0}.tag i{font-size:13px;vertical-align:middle}.timeline{display:flex;flex-direction:column;gap:2.5rem}.timeline-item{display:grid;grid-template-columns:160px 1fr;gap:2rem;background:var(--bg-surface);background:var(--bg);padding:1rem;border:2.3px solid rgba(var(--primary-rgb),.3);transition:background var(--t-fast),transform var(--t-slow)}.timeline-item:hover{animation:glitchCard 6s ease-in-out infinite;transform:scale(1.02)}.timeline-logo{width:75px;height:75px;object-fit:contain;margin-bottom:.75rem;filter:grayscale(30%) brightness(.9)}.timeline-date{font-size:.85rem;color:var(--text-subtle);letter-spacing:.1em;padding-top:.2rem}.timeline-title{font-family:var(--font-display);font-size:1rem;font-weight:700;color:var(--text);margin-bottom:.25rem;letter-spacing:.05em}.timeline-company{font-size:.9rem;color:var(--text-subtle);margin-bottom:.75rem}.timeline-desc{font-size:1rem;color:var(--text-subtle);line-height:1.6}.contact-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:4rem;align-items:start;padding:1rem;will-change:transform;transition:background var(--t-fast),transform var(--t-slow)}.contact-left{padding:1rem;border:2.3px solid rgba(var(--primary-rgb),.3);will-change:transform;transition:transform var(--t-slow),box-shadow var(--t-fast);background:var(--bg)}.contact-left:hover{animation:glitchCard 6s ease-in-out infinite}.contact-left:hover .contact-glow1:before,.contact-left:hover .contact-glow1:after,.contact-left:hover .contact-glow2:before,.contact-left:hover .contact-glow2:after{animation:none;transform:translate(0);opacity:0}:root.light .contact-left{border:2.3px solid rgba(var(--accent-rgb),.3)}.contact-heading{font-family:var(--font-display);font-size:clamp(2rem,4vw,3rem);font-weight:900;text-transform:uppercase;line-height:1;margin-bottom:1rem}.contact-sub{font-size:1rem;color:var(--text-subtle);line-height:1.6;margin-bottom:2rem}.contact-social{display:flex;gap:.75rem}.contact-glow1,.contact-glow2{display:inline-block;position:relative}.contact-glow1{color:rgba(var(--accent-rgb),.877);-webkit-text-stroke:1px black;text-shadow:0 0 10px rgba(var(--accent-rgb),.9),0 0 40px rgba(var(--accent-rgb),.6)}.contact-glow2{color:var(--primary);-webkit-text-stroke:1px black;text-shadow:0 0 10px rgba(var(--primary-rgb),.9),0 0 40px rgba(var(--primary-rgb),.6)}.contact-glow1:before,.contact-glow1:after{content:"Let's build";position:absolute;top:0;left:0;width:100%;height:100%}.contact-glow2:before,.contact-glow2:after{content:"The Future.";position:absolute;top:0;left:0;width:100%;height:100%}.name-outline:before,.name-glow:before,.contact-glow1:before,.contact-glow2:before,.logo-a:before,.logo-z:before{color:rgba(var(--accent-rgb),.45);animation:glitch1 3s steps(1) infinite;clip-path:polygon(0 20%,100% 20%,100% 40%,0 40%);text-shadow:-2px 0 var(--accent),2px 0 var(--primary)}.name-outline:after,.name-glow:after,.contact-glow1:after,.contact-glow2:after,.logo-a:after,.logo-z:after{color:var(--primary);animation:glitch2 3s steps(1) infinite;clip-path:polygon(0 60%,100% 60%,100% 80%,0 80%);text-shadow:-2px 0 var(--accent),2px 0 var(--primary);opacity:.7}.logo-z:after{color:var(--accent)}.editor-field{width:100%;max-width:100%;height:64px;position:relative;margin:14px 0 24px}.editor-field.editor-field__textarea{height:128px}.editor-field.editor-field__textarea .editor-field__container{height:115px;bottom:0}.editor-field.editor-field__textarea textarea.editor-field__input{resize:vertical;min-height:100%;padding-top:10px}.editor-field__label-container{position:absolute;top:0;z-index:5}.editor-field__label-container:after{position:absolute;content:"";display:block;height:2px;width:32px;background:var(--primary);right:-29px;clip-path:polygon(0 0,calc(100% - 2px) 0%,100% 100%,0% 100%);bottom:2px;transition:background .2s ease}:root.light .editor-field__label-container:after{position:absolute;content:"";display:block;height:2px;width:32px;background:var(--accent);right:-29px;clip-path:polygon(0 0,calc(100% - 2px) 0%,100% 100%,0% 100%);bottom:2px;transition:background .2s ease}.editor-field__label{position:relative;display:flex;align-items:center;height:16px;width:auto;background:var(--primary);left:0;color:var(--accent);font-size:13px;font-weight:500;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:1.25px;padding:0 24px 0 16px;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 100%,0% 100%);transition:background .2s ease}:root.light .editor-field__label{color:var(--primary);background:var(--accent)}.editor-field__container{position:absolute;bottom:2px;width:100%;height:48px;border:1.5px solid var(--primary);background:transparent;transition:border-color .2s ease;clip-path:polygon(0% 0%,calc(100% - 8px) 0,100% 8px,100% 100%,95% 100%,calc(0% + 8px) 100%,0% calc(100% - 8px),0% calc(100% + 8px))}:root.light .editor-field__container{border:2px solid var(--accent)}.editor-field__container:before,.editor-field__container:after{content:"";height:2px;width:11.5px;background:var(--primary);display:block;position:absolute;z-index:1;transform:rotate(45deg);transition:background .2s ease}:root.light .editor-field__container:before,:root.light .editor-field__container:after{background:var(--accent)}.editor-field__container:before{right:-3.1px;top:1.6px}.editor-field__container:after{left:-3.1px;bottom:1.6px}.editor-field__input{width:100%;height:100%;border:1.5px solid var(--primary);outline:none;background:transparent;color:inherit;font-family:Share Tech Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:14px;padding:8px 16px;letter-spacing:.2px}.editor-field__bottom{position:absolute;bottom:0;right:0;display:block;height:2px;width:30%;background:var(--primary);clip-path:polygon(0 0,100% 0%,100% 100%,calc(0% + 2px) 100%);transition:background .2s ease}:root.light .editor-field__bottom{background:var(--accent)}.editor-field:focus-within .editor-field__bottom{background:var(--accent);color:var(--primary)}.editor-field:focus-within .editor-field__container{background:var(--accent);color:var(--primary)}.editor-field:focus-within .editor-field__container:after,.editor-field:focus-within .editor-field__container:before{background:var(--accent);color:var(--primary)}.editor-field:focus-within .editor-field__label-container:after{background:var(--accent);color:var(--primary)}.editor-field:focus-within .editor-field__label{background:var(--accent);color:var(--primary)}:root.light .editor-field:focus-within .editor-field__bottom{background:var(--primary);color:var(--accent)}:root.light .editor-field:focus-within .editor-field__container{background:var(--primary);color:var(--accent)}:root.light .editor-field:focus-within .editor-field__container:after,:root.light .editor-field:focus-within .editor-field__container:before{background:var(--primary);color:var(--accent)}:root.light .editor-field:focus-within .editor-field__label-container:after{background:var(--primary);color:var(--accent)}:root.light .editor-field:focus-within .editor-field__label{background:var(--primary);color:var(--accent)}.form-group{margin-bottom:1.25rem}:root.light .form-label{color:var(--accent);text-shadow:0 0 2px var(--accent)}.form-label{display:block;font-family:var(--font-mono);font-size:.9rem;color:var(--primary);letter-spacing:.2em;text-transform:uppercase;margin-bottom:.5rem;opacity:.7}.form-input{width:100%;background:var(--bg);border:2px solid var(--primary);color:var(--text-subtle);padding:.75rem 1rem;font-size:1rem;font-family:var(--font-mono);outline:none;resize:vertical;transition:border-color var(--t-fast)}:root.light .form-label{-webkit-text-stroke:.2px black}.form-input::placeholder{color:var(--text-subtle)}.contact-form .btn-primary{background:var(--bg);font-size:1.1rem}:root.light .contact-form .btn-primary{background:var(--bg);-webkit-text-stroke:.15px black;font-size:1.1rem}.form-input:focus{border-color:rgba(var(--primary-rgb),.6);animation:inputPulse 2s ease infinite}:root.light .form-input{border:1px solid var(--accent)}:root.light .form-input:focus{animation-name:inputPulseLight}.btn-download{display:inline-flex;align-items:center;gap:.6em;width:fit-content;white-space:nowrap}.btn-download .btn-icon{position:relative;width:16px;height:16px;display:flex;align-items:center;flex-shrink:0}.btn-download .icon-default,.btn-download .icon-hover{position:absolute;top:0;left:0;width:100%;height:100%;transition:transform .3s ease,opacity .25s ease}.btn-download .icon-hover{transform:translateY(8px);opacity:0}.btn-download:hover .icon-default{transform:translateY(-8px);opacity:0}.btn-download:hover .icon-hover{transform:translateY(0);opacity:1;animation:icon-bounce .4s ease forwards}@keyframes icon-bounce{0%{transform:translateY(8px)}60%{transform:translateY(-3px)}80%{transform:translateY(2px)}to{transform:translateY(0)}}.btn-send{display:inline-flex;align-items:center;justify-content:center;gap:.6em}.btn-send .btn-icon{position:relative;width:16px;height:16px;display:flex;align-items:center}.btn-send .icon-default,.btn-send .icon-hover{position:absolute;top:0;left:0;transition:transform .3s ease,opacity .25s ease}.btn-send .icon-hover{transform:translateY(8px);opacity:0}.btn-send:hover .icon-default{transform:translateY(-8px);opacity:0}.btn-send:hover .icon-hover{transform:translateY(0);opacity:1;animation:icon-bounce .4s ease forwards}.btn-send.success .icon-default{transform:translateY(-8px);opacity:0}.btn-send.success .icon-hover{transform:translateY(0);opacity:1;filter:drop-shadow(0 0 6px rgb(var(--primary-rgb))) drop-shadow(0 0 14px rgba(var(--accent-rgb),.7))}.btn-send.success .btn-label{color:rgb(var(--primary-rgb))}.blog-post{min-height:100vh;padding:8rem 2rem 6rem;background:var(--bg);color:var(--text)}.blog-post-inner{max-width:720px;margin:0 auto}.back-link{display:inline-block;font-size:1rem;letter-spacing:.15em;color:var(--primary);text-transform:uppercase;margin:1rem 0 2rem;transition:color var(--t-fast)}.back-link:hover{color:var(--accent)}:root.light .back-link{color:var(--accent)}:root.light .back-link:hover{color:var(--primary)}.post-header{margin-bottom:3rem;padding-bottom:2rem;border-bottom:1px solid rgba(var(--primary-rgb),.2)}.post-date{font-size:1rem;letter-spacing:.2em;color:var(--primary);text-transform:uppercase;display:block;margin-bottom:1rem}:root.light .post-date{color:var(--accent)}.post-title{font-size:clamp(2rem,5vw,3.5rem);line-height:1.1;text-transform:uppercase;letter-spacing:-.02em;color:var(--primary);margin-bottom:1rem}:root.light .post-title{color:var(--accent);-webkit-text-stroke:.5px black}.post-desc{font-size:1.1rem;color:var(--text);line-height:1.7;margin-bottom:1.25rem}.post-tags{display:flex;flex-wrap:wrap;gap:.5rem}.post-content{font-size:1.05rem;line-height:1.85;color:var(--text)}.post-content img{width:100%;height:auto;display:block;max-width:100%;object-fit:cover}.post-content h2,.post-content h3,.post-content h4{font-family:var(--font-display);text-transform:uppercase;color:var(--primary);margin:2.5rem 0 1rem;letter-spacing:.05em}:root.light .post-content h2,:root.light .post-content h3,:root.light .post-content h4{color:var(--accent)}.post-content p{margin-bottom:1.5rem;color:var(--text)}.post-content a{color:var(--primary);text-decoration:underline;text-underline-offset:3px}:root.light .post-content a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}.post-content code{font-family:var(--font-mono);font-size:.9em;background:rgba(var(--primary-rgb),.08);border:1px solid rgba(var(--primary-rgb),.2);padding:.15em .4em;color:var(--primary)}.post-content pre{background:#07070fcc;border:1px solid rgba(var(--primary-rgb),.2);padding:1.5rem;overflow-x:auto;margin-bottom:1.5rem}.post-content blockquote{border-left:2px solid var(--primary);padding-left:1.5rem;margin:2rem 0;color:var(--text);font-style:italic}:root.light .post-content blockquote{border-left:2px solid var(--accent)}.post-content hr{border:none;border-top:1px solid rgba(var(--primary-rgb),.2);margin:2.5rem 0}.blog-index{min-height:100vh;padding:8rem 2rem 6rem;color:var(--text)}.blog-index-inner{max-width:720px;margin:0 auto}.blog-heading{font-size:clamp(2.5rem,6vw,5rem);text-transform:uppercase;letter-spacing:-.02em;color:var(--primary);margin-bottom:.5rem;text-shadow:0 0 20px rgba(var(--primary-rgb),.4)}.blog-subheading{font-family:var(--font-mono);font-size:1rem;letter-spacing:.2em;color:var(--text);text-transform:uppercase;margin-bottom:4rem}.post-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:1.5rem}.post-card{border:2px solid var(--primary);transition:border-color var(--t-slow),box-shadow var(--t-slow),transform var(--t-slow);will-change:transform}:root.light .post-card{border:2px solid var(--accent)}.post-card:hover{border-color:rgba(var(--primary-rgb),.5);box-shadow:0 0 20px rgba(var(--primary-rgb),.08);animation:glitchCard 6s ease-in-out infinite;transform:scale(1.02)}.post-card a{display:block;padding:1.75rem;text-decoration:none;background:var(--bg)}.post-card .post-date{font-size:1.2rem;letter-spacing:.2em;color:var(--primary);text-transform:uppercase;display:block;margin-bottom:.6rem}:root.light .post-card .post-date{color:var(--accent)}.post-card .post-title{font-family:var(--font-display);font-size:clamp(1rem,2.5vw,1.4rem);text-transform:uppercase;letter-spacing:.02em;color:var(--primary);margin-bottom:.6rem;transition:color var(--t-fast)}:root.light .post-card .post-title{color:var(--accent)}.post-card .post-desc{font-size:1.1rem;color:var(--text);line-height:1.6;margin-bottom:1rem}.post-card .post-tags{display:flex;flex-wrap:wrap;gap:.4rem}.post-card-content{display:flex;align-items:flex-start;gap:1.5rem;flex-wrap:nowrap}.post-card-image{width:clamp(120px,30%,250px);flex-shrink:0;aspect-ratio:4 / 3;overflow:hidden;border:2px solid var(--primary)}@media(max-width:768px){.post-card-content{flex-direction:column}.post-card-image{width:100%;aspect-ratio:16 / 9}}.post-card-text{flex:1;min-width:0}:root.light .post-card-image{border:2px solid var(--accent)}.post-card-image img{width:100%;height:100%;object-fit:contain;display:block;filter:saturate(.8);transition:filter var(--t-base),transform var(--t-base)}.post-card:hover .post-card-image img{filter:saturate(1.3) contrast(1.1);transform:scale(1.06);transition:filter .3s ease,transform .3s ease}.post-footer{margin-top:6rem;padding-top:4rem;border-top:2px solid rgba(var(--primary-rgb),.2);border-bottom:2px solid rgba(var(--primary-rgb),.2);display:flex!important;flex-direction:column!important;gap:4rem!important;position:relative;height:auto!important}.read-next{display:flex;flex-direction:column;gap:1rem;width:100%;height:auto!important;position:relative!important}.read-next-label{font-size:.8rem;letter-spacing:.15em;text-transform:uppercase;color:var(--primary);opacity:.7;margin:0}.read-next-card{display:block!important;position:relative!important;float:none!important;height:auto!important;text-decoration:none;border:1px solid rgba(var(--primary-rgb),.15);border-radius:16px;padding:2.5rem;background:var(--bg);transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease}.read-next-card:hover{border-color:rgba(var(--primary-rgb),.4);transform:translateY(-4px);box-shadow:0 12px 40px #0006}@media(max-width:768px){.read-next-card{padding:1.25rem;border-radius:10px}.read-next-card:hover{transform:none}.read-next-card .post-card-content{flex-direction:column}.read-next-card .post-card-image{width:100%;aspect-ratio:16 / 9}.read-next-card .post-nav-title{white-space:normal}}.post-card-content{display:flex!important;flex-direction:row;justify-content:space-between;align-items:center;gap:3rem;height:auto!important}.post-card-text{flex:1!important;display:flex;flex-direction:column;gap:.5rem;text-align:left}.post-date{font-size:.8rem;color:var(--primary);opacity:.6}.post-title{font-size:1.75rem;font-weight:700;color:var(--primary);margin:.5rem 0;line-height:1.3}.post-desc{font-size:1rem;color:var(--text);opacity:.7;line-height:1.5}.post-card-image{width:240px;height:150px;flex-shrink:0;border-radius:12px;overflow:hidden;position:relative}.post-card-image img{width:100%;height:100%;object-fit:cover}.post-nav{display:flex!important;flex-direction:row;gap:1.5rem;width:100%;height:auto!important;position:relative!important;border:none!important;border-bottom:none!important;box-shadow:none!important}.post-nav-btn{flex:1;display:flex;flex-direction:column;gap:.5rem;padding:1.5rem;border:1px solid rgba(var(--primary-rgb),.15);border-radius:12px;text-decoration:none;background:rgba(var(--primary-rgb),.01);transition:transform .3s ease,border-color .3s ease;text-align:center}.post-nav-btn:hover{border-color:var(--primary);transform:translateY(-2px)}.post-nav-dir{font-size:1.2rem;letter-spacing:.1em;text-transform:uppercase;color:var(--primary);transition:transform .2s ease}.post-nav-btn:hover:first-child .post-nav-dir{transform:translate(-4px)}.post-nav-btn:hover:last-child .post-nav-dir{transform:translate(4px)}.post-nav-title{font-size:1rem;color:var(--text);font-weight:500;line-height:1.4}@media(max-width:768px){.post-card-content{flex-direction:column-reverse!important;align-items:flex-start;gap:1.5rem}.post-card-image{width:100%;height:180px}.post-nav{flex-direction:column!important;gap:1rem}}.pagination{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-top:3rem;flex-wrap:wrap}.page-numbers{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:center}.page-btn{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 .75rem;border:1px solid var(--primary);color:var(--primary);text-decoration:none;font-size:.85rem;letter-spacing:.1em;transition:box-shadow var(--t-fast),background var(--t-fast)}.page-btn:hover{box-shadow:0 0 16px rgba(var(--primary-rgb),.4)}.page-btn.active{background:var(--primary);color:var(--bg)}:root.light .page-btn{border-color:var(--accent);color:var(--accent)}:root.light .page-btn.active{background:var(--accent);color:var(--bg)}:root.light .page-btn:hover{box-shadow:0 0 16px rgba(var(--accent-rgb),.4)}footer{position:relative;z-index:5;padding:2rem 3rem;display:flex;justify-content:space-between;align-items:center;background:var(--bg);border-top:1.3px solid var(--primary)}.footer-links{display:flex;gap:2rem;list-style:none}.footer-links a{font-family:var(--font-mono);font-size:.65rem;color:var(--text-subtle);letter-spacing:.1em;text-transform:uppercase;transition:color var(--t-fast)}.footer-links a:hover{color:var(--primary)}.footer-copy{font-family:var(--font-mono);font-size:.8rem;color:var(--primary);letter-spacing:.1em}:root.light footer{border-top:1.3px solid var(--accent)}:root.light .footer-copy{color:var(--accent)}#progress-bar{position:fixed;top:0;left:0;height:2px;width:0%;background:linear-gradient(90deg,var(--primary),var(--accent));z-index:9999;transition:width .1s linear}#back-to-top,#back-button{width:40px;height:40px;background:var(--bg);color:var(--primary);z-index:98;display:flex;align-items:center;justify-content:center;text-decoration:none;border:2px solid rgba(var(--primary-rgb),.3);cursor:pointer;border-radius:2px;transition:opacity var(--t-base),border-color var(--t-fast),box-shadow var(--t-fast),background var(--t-fast)}#back-to-top:hover,#back-button:hover{background:var(--bg);border-color:rgba(var(--primary-rgb),.7);box-shadow:0 0 12px rgba(var(--primary-rgb),.25),inset 0 0 12px rgba(var(--primary-rgb),.05)}:root.light #back-to-top,:root.light #back-button{color:var(--accent);background:var(--bg);border-color:rgba(var(--accent-rgb),.3)}:root.light #back-to-top:hover,:root.light #back-button:hover{background:var(--bg);border-color:rgba(var(--accent-rgb),.7);box-shadow:0 0 12px rgba(var(--accent-rgb),.25),inset 0 0 12px rgba(var(--accent-rgb),.05)}#back-to-top svg,#back-button svg{width:16px;height:16px;transition:transform var(--t-fast),filter var(--t-fast)}#back-to-top:hover svg,#back-button:hover svg{filter:drop-shadow(0 0 6px rgba(var(--primary-rgb),.8));transform:scale(1.15)}:root.light #back-to-top:hover svg,:root.light #back-button:hover svg{filter:drop-shadow(0 0 6px rgba(var(--accent-rgb),.8));transform:scale(1.15)}#back-to-top{position:fixed;bottom:2rem;right:2rem;opacity:0;pointer-events:none}#back-button{position:fixed;top:5rem;left:1.5rem}#cursor-blob{position:fixed;pointer-events:none;z-index:99998;width:36px;height:36px;margin-left:-18px;margin-top:-18px;border-radius:50%;border:1px solid rgba(var(--primary-rgb),.35);background:rgba(var(--primary-rgb),.04);transition:width .35s ease,height .35s ease,margin .35s ease,border-color .35s ease,background .35s ease}@keyframes radarPulse{0%{transform:scale(.9);opacity:.9}to{transform:scale(1.1);opacity:.25}}#cursor-blob.cursor-hover{width:56px;height:56px;margin-left:-28px;margin-top:-28px;border-color:rgba(var(--accent-rgb),.6);background:rgba(var(--accent-rgb),.04);animation:radarPulse 1s infinite alternate}#cursor-dot{position:fixed;pointer-events:none;z-index:99999;width:4px;height:4px;margin-left:-2px;margin-top:-2px;border-radius:50%;background:var(--primary);box-shadow:0 0 6px var(--primary);transition:background .3s,box-shadow .3s}#cursor-dot.cursor-hover{background:var(--accent);box-shadow:0 0 8px var(--accent)}@keyframes gridDrive{0%{background-position:center 0px}to{background-position:center 50px}}@keyframes gridDrift{0%,to{transform:perspective(250px) rotateX(75deg) translateY(-25%) scale(1.2) translate(0)}25%{transform:perspective(250px) rotateX(75deg) translateY(-25%) scale(1.2) translate(12px)}50%{transform:perspective(250px) rotateX(75deg) translateY(-25%) scale(1.2) translate(20px)}75%{transform:perspective(250px) rotateX(75deg) translateY(-25%) scale(1.2) translate(8px)}}@keyframes scanMove{0%{top:-40%}to{top:140%}}@keyframes typing{0%{width:0}45%,70%{width:100%}to{width:0}}@keyframes blink{50%{border-color:transparent}}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes labelGlitch{0%{opacity:0;transform:translate(-3px);color:var(--primary)}25%{opacity:1;transform:translate(3px);color:var(--accent)}50%{opacity:0;transform:translate(-1px);color:var(--primary)}75%{opacity:1;transform:translate(1px);color:var(--accent)}to{opacity:1;transform:translate(0)}}@keyframes tagFlicker{0%,40%,80%,to{opacity:1}20%,60%{opacity:0}}@keyframes glitchCardLight{0%{border-color:none;box-shadow:none}20%{border-color:var(--accent);box-shadow:0 0 10px var(--accent)}40%{border-color:var(--primary);box-shadow:0 0 6px var(--primary)}60%{border-color:var(--accent);box-shadow:0 0 10px var(--accent)}80%{border-color:var(--primary);box-shadow:0 0 6px var(--primary)}to{border-color:none;box-shadow:none}}@keyframes glitchCard{0%{border-color:none;box-shadow:none}20%{border-color:var(--primary);box-shadow:0 0 10px var(--primary)}40%{border-color:var(--accent);box-shadow:0 0 6px var(--accent)}60%{border-color:var(--primary);box-shadow:0 0 10px var(--primary)}80%{border-color:var(--accent);box-shadow:0 0 6px var(--accent)}to{border-color:none;box-shadow:none}}:root.light .post-card:hover,:root.light .contact-grid:hover,:root.light .about-text:hover,:root.light .timeline-item:hover,:root.light .skill-tags:hover,:root.light .project-card:hover,:root.light .contact-left:hover{animation-name:glitchCardLight}:root.light .social-link:hover{animation-name:glitchSocialLight}@keyframes inputPulse{0%,to{box-shadow:0 0 8px rgba(var(--primary-rgb),.1)}50%{box-shadow:0 0 20px rgba(var(--primary-rgb),.35)}}@keyframes inputPulseLight{0%,to{box-shadow:0 0 8px rgba(var(--accent-rgb),.1)}50%{box-shadow:0 0 20px rgba(var(--accent-rgb),.4)}}@keyframes glitchBurst{0%{transform:translate(-6px,2px);opacity:1;clip-path:polygon(0 10%,100% 10%,100% 35%,0 35%)}20%{transform:translate(6px,-2px);opacity:1;clip-path:polygon(0 50%,100% 50%,100% 70%,0 70%)}40%{transform:translate(-4px,3px);opacity:1;clip-path:polygon(0 25%,100% 25%,100% 50%,0 50%)}60%{transform:translate(4px,-3px);opacity:1;clip-path:polygon(0 65%,100% 65%,100% 85%,0 85%)}80%{transform:translate(-2px,1px);opacity:.5}to{transform:translate(0);opacity:0}}@keyframes glitch1{0%,75%,to{clip-path:inset(50% 0 50% 0);transform:translate(0);opacity:0}76%,79%{clip-path:inset(10% -6px 75% 0);transform:translate(-5px,2px);opacity:1}80%,85%{clip-path:inset(55% -6px 20% 0);transform:translate(5px,-1px);opacity:1}86%{clip-path:inset(50% 0 50% 0);transform:translate(0);opacity:0}}@keyframes glitch2{0%,78%,to{clip-path:inset(50% 0 50% 0);transform:translate(0);opacity:0}79%,82%{clip-path:inset(30% -6px 60% 0);transform:translate(4px,1px);opacity:1}83%,88%{clip-path:inset(70% -6px 5% 0);transform:translate(-3px,-2px);opacity:1}89%{clip-path:inset(50% 0 50% 0);transform:translate(0);opacity:0}}@media(hover:none)and (pointer:coarse){#cursor-blob,#cursor-dot,.cursor-trail{display:none}}.nav-wrapper{position:relative;z-index:100}.nav-hamburger{display:none;flex-direction:column;gap:5px;align-items:center;justify-content:center;width:40px;height:40px;background:transparent;border:1px solid rgba(var(--primary-rgb),.4);cursor:pointer;flex-shrink:0}.nav-hamburger span{display:block;width:18px;height:1.5px;background:var(--primary);transition:all .3s ease;transform-origin:center}.nav-hamburger.open span:nth-child(1){transform:translateY(6.5px) rotate(45deg)}.nav-hamburger.open span:nth-child(2){opacity:0}.nav-hamburger.open span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}:root.light .nav-hamburger{border-color:rgba(var(--accent-rgb),.4)}:root.light .nav-hamburger span{background:var(--accent)}.nav-drawer{position:fixed;top:var(--nav-height);left:0;right:0;background:var(--bg-nav);background:var(--bg);border-bottom:1px solid rgba(var(--primary-rgb),.3);max-height:0;overflow:hidden;transition:max-height .3s ease;z-index:99}.nav-drawer.open{max-height:400px}.nav-drawer ul{list-style:none;padding:0;display:flex;flex-direction:column}.nav-drawer ul li a{display:block;padding:.9rem 1.5rem;font-family:var(--font-mono);font-size:.75rem;color:var(--text);letter-spacing:.15em;text-transform:uppercase;text-decoration:none;border-bottom:1px solid rgba(var(--primary-rgb),.08);transition:color .2s,background .2s}.nav-drawer ul li a:hover{color:var(--primary);background:rgba(var(--primary-rgb),.05)}:root.light .nav-drawer{border-bottom-color:rgba(var(--accent-rgb),.3)}:root.light .nav-drawer ul li a:hover{color:var(--accent);background:rgba(var(--accent-rgb),.05)}@media(max-width:768px){.nav-links{display:none}.nav-hamburger{display:flex}}@media(max-width:768px){#back-button{top:calc(var(--nav-height) + 1rem);left:1rem;width:34px;height:34px}.nav-links a{font-size:.85rem;letter-spacing:.08em}html,body{overflow-x:hidden;max-width:100%}.page-btn{min-width:36px;height:36px;font-size:.78rem}.logo{width:100%;text-align:center}.hero{flex-direction:column;padding:10rem 1.5rem 3rem;min-height:auto;gap:3rem;align-items:flex-start}.hero-content{max-width:100%}.hero-eyebrow{font-size:clamp(1.3rem,3vw,2rem)!important;letter-spacing:.06em!important;white-space:nowrap!important;overflow:hidden!important;border-right:2px solid var(--primary)!important;opacity:0;width:0;animation:fadeUp .6s ease .2s forwards,typing 7.5s steps(38) .8s infinite,blink .8s step-end infinite!important}.cta-row{flex-wrap:wrap}.hero-deco{display:none}.hero-profile{position:relative;right:auto;bottom:auto;padding-left:0;padding-bottom:0;pointer-events:auto;align-items:center;align-self:center;margin-top:0;width:100%}.profile-frame{width:360px;height:360px;aspect-ratio:unset}.hero-name:active .name-glow:before,.hero-name:active .name-glow:after,.hero-name:active .name-outline:before,.hero-name:active .name-outline:after{animation:glitchBurst .4s steps(1) forwards}.name-glow,.name-outline,.contact-glow1,.contact-glow2{display:block;word-break:break-word;overflow-wrap:break-word;white-space:normal}.cat-container{width:100%;max-width:320px}.cat-img{width:100%;max-width:320px;height:auto}.cat-paw--tl{left:-10px;top:-10px}.cat-paw--br{right:-10px;bottom:-10px}.section{padding:3rem 1.5rem}.about-grid,.contact-grid{grid-template-columns:1fr;gap:2rem}.timeline-item{grid-template-columns:1fr;gap:.5rem}footer{padding:1.5rem;flex-direction:column;gap:1rem;text-align:center}.footer-links{justify-content:center;flex-wrap:wrap;gap:1rem}}.color-swatch-btn[data-astro-cid-dz5h74bc]{width:32px;height:32px;border-radius:6px;border:1px solid rgba(var(--primary-rgb, 15, 210, 140),.4);cursor:pointer;padding:0;box-shadow:0 0 6px rgba(var(--primary-rgb, 15, 210, 140),.3);transition:transform .15s ease,box-shadow .15s ease}.color-swatch-btn[data-astro-cid-dz5h74bc]:hover{transform:scale(1.08);box-shadow:0 0 10px rgba(var(--primary-rgb, 15, 210, 140),.6)}.color-picker-popover[data-astro-cid-dz5h74bc]{position:fixed;width:200px;padding:12px;background:var(--bg, rgba(10, 10, 14, .96));color:inherit;border:1px solid rgba(var(--primary-rgb, 15, 210, 140),.35);border-radius:10px;box-shadow:0 0 20px rgba(var(--primary-rgb, 15, 210, 140),.25),0 8px 24px #00000080;display:none;z-index:200}.color-picker-popover[data-astro-cid-dz5h74bc].open{display:block}.cp-sv-area[data-astro-cid-dz5h74bc]{position:relative;width:100%;height:130px;border-radius:6px;overflow:hidden;cursor:crosshair;margin-bottom:10px;touch-action:none}.cp-sv-white[data-astro-cid-dz5h74bc],.cp-sv-black[data-astro-cid-dz5h74bc]{position:absolute;inset:0}.cp-sv-white[data-astro-cid-dz5h74bc]{background:linear-gradient(to right,#fff,#fff0)}.cp-sv-black[data-astro-cid-dz5h74bc]{background:linear-gradient(to bottom,#0000,#000)}.cp-sv-cursor[data-astro-cid-dz5h74bc]{position:absolute;width:12px;height:12px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px #0009;transform:translate(-50%,-50%);pointer-events:none}.cp-hue-track[data-astro-cid-dz5h74bc]{position:relative;width:100%;height:14px;border-radius:7px;margin-bottom:10px;cursor:pointer;touch-action:none;background:linear-gradient(to right,red,#ff0 17%,#0f0 33%,#0ff,#00f 67%,#f0f 83%,red)}.cp-hue-cursor[data-astro-cid-dz5h74bc]{position:absolute;top:50%;width:16px;height:16px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px #0009;transform:translate(-50%,-50%);pointer-events:none}.cp-preview-row[data-astro-cid-dz5h74bc]{display:flex;align-items:center;gap:8px}.cp-preview-swatch[data-astro-cid-dz5h74bc]{width:24px;height:24px;border-radius:5px;border:1px solid rgba(255,255,255,.2);flex-shrink:0}.cp-hex-input[data-astro-cid-dz5h74bc]{flex:1;min-width:0;background:rgba(var(--primary-rgb, 15, 210, 140),.08);border:1px solid rgba(var(--primary-rgb, 15, 210, 140),.3);border-radius:5px;color:inherit;font-family:Share Tech Mono,monospace;font-size:.8rem;padding:4px 6px;text-transform:uppercase}.cp-hex-input[data-astro-cid-dz5h74bc]:focus{outline:none;border-color:var(--primary, #0fd28c)}.custom-color-panel__header[data-astro-cid-dz5h74bc]{color:var(--primary)}.light[data-astro-cid-dz5h74bc] .custom-color-panel__header[data-astro-cid-dz5h74bc]{color:var(--accent)}.astro-route-announcer{position:absolute;left:0;top:0;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;white-space:nowrap;width:1px;height:1px}