:root{--clr-bg: #0D0F17;--clr-bg-2: #10121F;--clr-bg-3: #141926;--clr-card: #131825;--clr-card-2: #161C2D;--clr-border: #1E2535;--clr-border-2: #263045;--clr-accent: #00FF9F;--clr-accent-dim: rgba(0, 255, 159, .12);--clr-accent-glow: rgba(0, 255, 159, .25);--clr-red: #FF3B3B;--clr-red-dim: rgba(255, 59, 59, .07);--clr-red-glow: rgba(255, 59, 59, .18);--clr-red-border: rgba(255, 59, 59, .12);--clr-blue: #3B82F6;--clr-blue-dim: rgba(59, 130, 246, .12);--clr-text: #E8EDF5;--clr-text-2: #B0BAC8;--clr-muted: #8892A4;--clr-muted-2: #5C6478;--font-sans: "Space Grotesk", system-ui, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--text-xs: .6875rem;--text-sm: .8125rem;--text-base: .9375rem;--text-md: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 2rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--navbar-h: 64px;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in: cubic-bezier(.4, 0, 1, 1);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .4);--shadow-md: 0 4px 16px rgba(0, 0, 0, .5);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .6), 0 0 60px rgba(255, 59, 59, .04)}[data-theme=light],html.theme-is-light{--clr-bg: #F4F6FA;--clr-bg-2: #ECEEF4;--clr-bg-3: #E4E7EF;--clr-card: #FFFFFF;--clr-card-2: #F8F9FC;--clr-border: #D8DCE8;--clr-border-2: #C4CAD8;--clr-accent: #007A4D;--clr-accent-dim: rgba(0, 122, 77, .1);--clr-accent-glow: rgba(0, 122, 77, .18);--clr-red: #CC2222;--clr-red-dim: rgba(204, 34, 34, .06);--clr-red-glow: rgba(204, 34, 34, .14);--clr-red-border: rgba(204, 34, 34, .1);--clr-blue: #1D4ED8;--clr-blue-dim: rgba(29, 78, 216, .1);--clr-text: #0F1420;--clr-text-2: #2D3548;--clr-muted: #5C6478;--clr-muted-2:#8892A4;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .08);--shadow-md: 0 4px 16px rgba(0, 0, 0, .1);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .14)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;tab-size:2}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:1.7;color:var(--clr-text);background-color:var(--clr-bg);min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img,svg{display:block;max-width:100%}a{color:inherit;text-decoration:none}ul,ol{list-style:none}button{font-family:inherit;cursor:pointer;border:none;background:none}main#main-content{padding-top:var(--navbar-h)}:focus-visible{outline:2px solid var(--clr-accent);outline-offset:3px;border-radius:var(--radius-sm)}.accent{color:var(--clr-accent)}.accent-red{color:var(--clr-red)}.section-label{display:inline-flex;align-items:center;gap:var(--space-2);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.14em;text-transform:uppercase;color:var(--clr-accent);margin-bottom:var(--space-4)}.section-label:before{content:"";display:block;width:24px;height:1px;background:var(--clr-accent);flex-shrink:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.container{width:100%;max-width:1200px;margin-inline:auto;padding-inline:var(--space-8)}@media(max-width:640px){.container{padding-inline:var(--space-5)}}.site-header{position:fixed;top:0;left:0;right:0;z-index:200;height:var(--navbar-h);background:#0d0f17d1;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid transparent;transition:border-color .3s ease,background .3s ease,box-shadow .3s ease}[data-theme=light] .site-header{background:#f4f6fad9}.site-header.is-scrolled{border-bottom-color:var(--clr-border);box-shadow:0 1px 24px #00000059,0 2px 40px #ff3b3b0d}[data-theme=light] .site-header.is-scrolled{box-shadow:0 1px 16px #0000001a}.navbar{display:flex;align-items:center;justify-content:space-between;height:100%;max-width:1200px;margin-inline:auto;padding-inline:var(--space-8);gap:var(--space-6)}@media(max-width:640px){.navbar{padding-inline:var(--space-5)}}.nav-logo{display:flex;align-items:center;gap:var(--space-3);text-decoration:none;flex-shrink:0}.nav-logo-icon{width:34px;height:34px;display:flex;align-items:center;justify-content:center;border:1.5px solid var(--clr-accent);border-radius:var(--radius-md);color:var(--clr-accent);transition:background .25s ease,box-shadow .25s ease}.nav-logo:hover .nav-logo-icon{background:var(--clr-accent-dim);box-shadow:0 0 10px #00ff9f33,0 0 24px #ff3b3b14}.nav-logo-text{font-size:var(--text-lg);font-weight:700;letter-spacing:-.02em;line-height:1}.nav-logo-text .accent{color:var(--clr-accent)}.nav-links{display:flex;align-items:center;gap:var(--space-1);list-style:none}.nav-link{display:inline-block;padding:var(--space-2) var(--space-3);font-size:var(--text-sm);font-weight:500;letter-spacing:.01em;color:var(--clr-muted);border-radius:var(--radius-md);transition:color .2s ease,background .2s ease;white-space:nowrap}.nav-link:hover{color:var(--clr-text);background:#ffffff0a}[data-theme=light] .nav-link:hover{background:#0000000a}.nav-link--active,.nav-link--active:hover{color:var(--clr-accent);background:var(--clr-accent-dim)}.nav-controls{display:flex;align-items:center;gap:var(--space-3);flex-shrink:0}.nav-cta{display:inline-flex;align-items:center;gap:var(--space-2);padding:8px 18px;background:var(--clr-accent);color:#0b0f17;font-size:var(--text-sm);font-weight:700;letter-spacing:.02em;border-radius:var(--radius-md);text-decoration:none;transition:opacity .2s ease,transform .2s ease,box-shadow .2s ease;white-space:nowrap}.nav-cta:hover{opacity:.88;transform:translateY(-1px);box-shadow:0 4px 14px #00ff9f4d,0 6px 28px #ff3b3b14}.nav-cta .material-icons{font-size:16px}.theme-toggle{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-md);border:1px solid var(--clr-border);color:var(--clr-muted);background:transparent;transition:color .2s ease,border-color .2s ease,background .2s ease;flex-shrink:0}.theme-toggle:hover{color:var(--clr-text);border-color:var(--clr-border-2);background:var(--clr-card)}.theme-toggle .icon-dark{display:block}.theme-toggle .icon-light,[data-theme=light] .theme-toggle .icon-dark{display:none}[data-theme=light] .theme-toggle .icon-light{display:block}.theme-toggle .material-icons{font-size:18px;line-height:1}.menu-toggle{display:none;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:36px;height:36px;border-radius:var(--radius-md);border:1px solid var(--clr-border);background:transparent;padding:0;transition:border-color .2s ease}.menu-toggle:hover{border-color:var(--clr-border-2)}.menu-toggle .bar{display:block;width:18px;height:1.5px;background:var(--clr-muted);border-radius:var(--radius-full);transition:transform .3s var(--ease-out),opacity .2s ease,width .3s ease;transform-origin:center}.menu-toggle.is-open .bar:nth-child(1){transform:translateY(6.5px) rotate(45deg)}.menu-toggle.is-open .bar:nth-child(2){opacity:0;width:0}.menu-toggle.is-open .bar:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}.mobile-menu{position:fixed;top:var(--navbar-h);right:0;bottom:0;width:min(320px,85vw);background:var(--clr-bg-2);border-left:1px solid var(--clr-border);box-shadow:-4px 0 32px #ff3b3b0d;z-index:190;display:flex;flex-direction:column;padding:var(--space-6) 0 var(--space-6);transform:translate(100%);transition:transform .35s var(--ease-out);overflow-y:auto}.mobile-menu.is-open{transform:translate(0)}.menu-backdrop{position:fixed;inset:0;z-index:180;background:#0a050599;opacity:0;pointer-events:none;transition:opacity .3s ease}.menu-backdrop.is-visible{opacity:1;pointer-events:auto}.mobile-nav-links{flex:1;padding-inline:var(--space-5);display:flex;flex-direction:column;gap:var(--space-1)}.mobile-nav-link{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);font-size:var(--text-base);font-weight:500;color:var(--clr-muted);border-radius:var(--radius-md);transition:color .2s ease,background .2s ease}.mobile-nav-link:hover{color:var(--clr-text);background:var(--clr-card)}.mobile-nav-link--active{color:var(--clr-accent);background:var(--clr-accent-dim)}.mobile-nav-link .material-icons{font-size:18px;color:var(--clr-muted-2);transition:color .2s ease}.mobile-nav-link:hover .material-icons{color:var(--clr-muted)}.mobile-nav-link--active .material-icons{color:var(--clr-accent)}.mobile-menu-bottom{padding:var(--space-5) var(--space-5) 0;border-top:1px solid var(--clr-border);margin-top:var(--space-4)}.mobile-cta{display:block;width:100%;padding:13px var(--space-5);background:var(--clr-accent);color:#0b0f17;font-size:var(--text-base);font-weight:700;letter-spacing:.02em;text-align:center;border-radius:var(--radius-md);transition:opacity .2s ease}.mobile-cta:hover{opacity:.88}@media(min-width:1024px){.nav-links{display:flex}.menu-toggle{display:none}}@media(max-width:1023px){.nav-links{display:none}.menu-toggle{display:flex}}@media(max-width:640px){.nav-cta{padding:8px 12px;font-size:0;gap:0}.nav-cta .material-icons{font-size:18px}}.site-footer{background:var(--clr-bg-2);border-top:1px solid var(--clr-border);box-shadow:0 -1px 40px #ff3b3b0a;margin-top:var(--space-24)}.footer-inner{max-width:1200px;margin-inline:auto;padding:var(--space-16) var(--space-8) var(--space-12);display:grid;grid-template-columns:1fr 1.6fr;gap:var(--space-16);align-items:start}.footer-brand{display:flex;flex-direction:column;gap:var(--space-4)}.footer-logo{display:inline-flex;font-size:var(--text-xl);font-weight:700;letter-spacing:-.02em;text-decoration:none;color:var(--clr-text);line-height:1}.footer-logo .accent{color:var(--clr-accent)}.footer-tagline{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.14em;text-transform:uppercase;color:var(--clr-accent)}.footer-desc{font-size:var(--text-sm);color:var(--clr-muted);line-height:1.75;max-width:340px}.footer-socials{display:flex;gap:var(--space-3);margin-top:var(--space-2);flex-wrap:wrap}.social-link{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border:1px solid var(--clr-border);border-radius:var(--radius-md);color:var(--clr-muted);font-size:var(--text-base);transition:color .2s ease,border-color .2s ease,background .2s ease,box-shadow .2s ease;text-decoration:none}.social-link:hover{color:var(--clr-accent);border-color:var(--clr-accent);background:var(--clr-accent-dim);box-shadow:0 0 12px #00ff9f26,0 0 24px #ff3b3b0f}.footer-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-8)}.footer-col h4.footer-col-heading{font-size:var(--text-xs);font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--clr-text);margin-bottom:var(--space-4)}.footer-col ul{display:flex;flex-direction:column;gap:var(--space-3);list-style:none}.footer-link{font-size:var(--text-sm);color:var(--clr-muted);text-decoration:none;transition:color .2s ease;display:inline-block}.footer-link:hover{color:var(--clr-accent)}.footer-bottom{max-width:1200px;margin-inline:auto;padding:var(--space-5) var(--space-8);border-top:1px solid var(--clr-border);display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap}.footer-copy{font-size:var(--text-sm);color:var(--clr-muted-2)}.footer-legal{display:flex;gap:var(--space-5);flex-wrap:wrap}.footer-legal-link{font-size:var(--text-sm);color:var(--clr-muted-2);text-decoration:none;transition:color .2s ease}.footer-legal-link:hover{color:var(--clr-muted)}@media(max-width:1023px){.footer-inner{grid-template-columns:1fr;gap:var(--space-12);padding-block:var(--space-12)}.footer-desc{max-width:100%}}@media(max-width:640px){.footer-inner{padding-inline:var(--space-5)}.footer-cols{grid-template-columns:repeat(2,1fr);gap:var(--space-6)}.footer-bottom{flex-direction:column;align-items:flex-start;padding-inline:var(--space-5);gap:var(--space-3)}.footer-legal{gap:var(--space-4)}}@media(max-width:420px){.footer-cols{grid-template-columns:1fr}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--clr-bg)}::-webkit-scrollbar-thumb{background:linear-gradient(to bottom,var(--clr-border-2),rgba(255,59,59,.25));border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:linear-gradient(to bottom,var(--clr-muted-2),rgba(255,59,59,.4))}::selection{background:#00ff9f26;color:var(--clr-accent)}*,*:before,*:after{cursor:none!important}#hacker-cursor{position:fixed;top:0;left:0;width:20px;height:20px;pointer-events:none;z-index:99999;transform:translate(-50%,-50%);transition:transform .08s ease}#hacker-cursor svg{display:block}.circuit-dot{position:fixed;width:4px;height:4px;border-radius:50%;background:#00ff9f;pointer-events:none;z-index:99998;transform:translate(-50%,-50%);animation:dotFade .8s ease forwards}@keyframes dotFade{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(0)}}.circuit-line{position:fixed;height:1px;background:linear-gradient(90deg,#00FF9F,rgba(255,59,59,.4),transparent);pointer-events:none;z-index:99997;transform-origin:left center;animation:lineFade .6s ease forwards}@keyframes lineFade{0%{opacity:.7}to{opacity:0}}#cursor-ring{position:fixed;width:36px;height:36px;border:1px solid rgba(0,255,159,.4);border-radius:50%;pointer-events:none;z-index:99998;transform:translate(-50%,-50%);transition:width .2s ease,height .2s ease,border-color .2s ease,box-shadow .2s ease,opacity .2s ease}#cursor-ring.hovering{width:52px;height:52px;border-color:#00ff9fcc;box-shadow:0 0 10px #00ff9f40,0 0 22px #ff3b3b1f}.grid-bg{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden;background-image:linear-gradient(rgba(255,59,59,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(0,255,159,.035) 1px,transparent 1px),linear-gradient(rgba(0,255,159,.035) 1px,transparent 1px);background-size:100% 500px,50px 50px,50px 50px;animation:gridDrift 25s linear infinite}@keyframes gridDrift{0%{transform:translate(0)}to{transform:translate(50px,50px)}}.grid-bg:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at var(--mouse-x, 50%) var(--mouse-y, 50%),rgba(0,255,159,.07),rgba(255,59,59,.03) 40%,transparent 65%);transition:opacity .3s ease;opacity:.8}.grid-bg:before{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,transparent,rgba(0,255,159,.025),rgba(255,59,59,.01),transparent);animation:scanMove 6s linear infinite}@keyframes scanMove{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}body{position:relative;z-index:1}main,header,footer{position:relative;z-index:2}#cyber-grid{position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.6}