.navbar{position:sticky;top:0;z-index:100;height:var(--header-height);background:var(--bg-secondary);border-bottom:var(--border-width) solid var(--border-color)}.navbar__inner{display:flex;align-items:center;justify-content:space-between;max-width:var(--content-max-width);height:100%;margin:0 auto;padding:0 var(--space-lg)}.navbar__logo{font-family:var(--font-pixel);font-size:var(--fs-lg);font-weight:700;color:var(--accent-green)}.navbar__nav{display:flex;gap:var(--space-md)}.navbar__link{font-size:var(--fs-sm);text-transform:uppercase;letter-spacing:.1em;color:var(--text-secondary);padding:var(--space-xs) var(--space-sm);border:1px solid transparent;transition:color .15s,border-color .15s}.navbar__link:hover{color:var(--accent-cyan);border-color:var(--border-color)}.navbar__link--active{color:var(--accent-green);border-color:var(--accent-green)}.navbar__toggle{display:none;flex-direction:column;justify-content:center;gap:5px;background:none;border:none;cursor:pointer;padding:var(--space-xs)}.navbar__bar{display:block;width:24px;height:2px;background:var(--accent-green);transition:transform .25s,opacity .25s}.navbar__toggle--open .navbar__bar:nth-child(1){transform:translateY(7px) rotate(45deg)}.navbar__toggle--open .navbar__bar:nth-child(2){opacity:0}.navbar__toggle--open .navbar__bar:nth-child(3){transform:translateY(-7px) rotate(-45deg)}@media(max-width:768px){.navbar__toggle{display:flex}.navbar__nav{display:none;flex-direction:column;position:absolute;top:var(--header-height);left:0;right:0;background:var(--bg-secondary);border-bottom:var(--border-width) solid var(--border-color);padding:var(--space-sm) 0}.navbar__nav--open{display:flex}.navbar__link{width:100%;padding:var(--space-sm) var(--space-lg);border:none;border-left:3px solid transparent}.navbar__link:hover{border-color:transparent;border-left-color:var(--accent-cyan)}.navbar__link--active{border-color:transparent;border-left-color:var(--accent-green)}}.footer{border-top:var(--border-width) solid var(--border-color);background:var(--bg-secondary);padding:var(--space-md) var(--space-lg);margin-top:auto}.footer__inner{display:flex;justify-content:space-between;align-items:center;max-width:var(--content-max-width);margin:0 auto;font-size:var(--fs-xs);color:var(--text-muted)}.footer__copy{color:var(--text-muted)}.footer__location{color:var(--text-muted);font-style:italic}@media(max-width:768px){.footer__inner{flex-direction:column;text-align:center;gap:var(--space-xs)}}.layout{display:flex;flex-direction:column;min-height:100vh}.layout__main{flex:1;width:100%;max-width:var(--content-max-width);margin:0 auto;padding:var(--space-xl) var(--space-lg)}@media(max-width:768px){.layout__main{padding:var(--space-lg) var(--space-md)}}.home{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;text-align:center;gap:var(--space-md)}.home__ascii{color:var(--accent-green);font-size:var(--fs-sm);line-height:1.3;white-space:pre}.home__tagline,.home__sub{font-size:var(--fs-lg);color:var(--text-primary)}.home__cursor{color:var(--accent-cyan);animation:blink 1s step-end infinite}.home__welcome{margin-top:var(--space-lg);color:var(--text-secondary);max-width:500px}@media(max-width:768px){.home{min-height:50vh}.home__ascii{font-size:var(--fs-xs);overflow-x:auto}.home__welcome{max-width:100%}}.about{display:flex;flex-direction:column;gap:var(--space-2xl)}.about__heading,.about__subheading{font-family:var(--font-pixel);color:var(--accent-green);margin-bottom:var(--space-md)}.about__heading{font-size:var(--fs-xl)}.about__subheading{font-size:var(--fs-lg)}.about__prompt{color:var(--accent-cyan);margin-right:var(--space-sm)}.about__bio{display:flex;flex-direction:column;gap:var(--space-md);border-left:var(--border-width) solid var(--border-color);padding-left:var(--space-lg)}.about__para{color:var(--text-primary);line-height:1.7}.about__interests{list-style:none;display:flex;flex-direction:column;gap:var(--space-sm)}.about__interest-item{color:var(--text-primary);display:flex;align-items:baseline;gap:var(--space-sm)}.about__bullet{color:var(--accent-cyan);flex-shrink:0}@media(max-width:768px){.about{gap:var(--space-xl)}.about__bio{padding-left:var(--space-md)}}.resume{display:flex;flex-direction:column;gap:var(--space-2xl)}.resume__heading{font-family:var(--font-pixel);font-size:var(--fs-xl);color:var(--accent-green)}.resume__prompt{color:var(--accent-cyan);margin-right:var(--space-sm)}.resume__section{display:flex;flex-direction:column;gap:var(--space-lg)}.resume__subheading{font-family:var(--font-pixel);font-size:var(--fs-base);color:var(--accent-cyan);text-transform:uppercase;letter-spacing:.15em;border-bottom:1px solid var(--border-color);padding-bottom:var(--space-xs);margin-bottom:var(--space-sm)}.resume__job{display:flex;flex-direction:column;gap:var(--space-sm);padding-left:var(--space-md);border-left:var(--border-width) solid var(--border-color)}.resume__job-header{display:flex;align-items:center;gap:var(--space-sm);flex-wrap:wrap}.resume__job-role{font-size:var(--fs-lg);color:var(--text-primary)}.resume__badge{font-size:var(--fs-xs);color:var(--bg-primary);background:var(--accent-green);padding:1px var(--space-xs);text-transform:uppercase;letter-spacing:.1em}.resume__job-meta{color:var(--text-secondary);font-size:var(--fs-sm)}.resume__responsibilities{list-style:none;display:flex;flex-direction:column;gap:var(--space-xs);margin-top:var(--space-xs)}.resume__responsibility{display:flex;align-items:baseline;gap:var(--space-sm);color:var(--text-primary);line-height:1.6}.resume__bullet{color:var(--accent-cyan);flex-shrink:0}.resume__edu{padding-left:var(--space-md);border-left:var(--border-width) solid var(--border-color);display:flex;flex-direction:column;gap:var(--space-xs)}.resume__edu-degree{font-size:var(--fs-lg);color:var(--text-primary)}.resume__edu-meta{color:var(--text-secondary);font-size:var(--fs-sm)}.resume__edu-desc{color:var(--text-secondary);line-height:1.6}.resume__skills{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--space-lg)}.resume__skill-group{display:flex;flex-direction:column;gap:var(--space-sm);background:var(--bg-surface);border:1px solid var(--border-color);padding:var(--space-md)}.resume__skill-category{font-size:var(--fs-sm);color:var(--accent-green);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-xs)}.resume__skill-list{list-style:none;display:flex;flex-direction:column;gap:var(--space-xs)}.resume__skill-item{font-size:var(--fs-sm);color:var(--text-secondary)}.resume__skill-item:before{content:"- ";color:var(--accent-cyan)}@media(max-width:768px){.resume__skills{grid-template-columns:1fr}.resume__job,.resume__edu{padding-left:var(--space-sm)}.resume{gap:var(--space-xl)}}.blog{display:flex;flex-direction:column;gap:var(--space-xl)}.blog__heading{font-family:var(--font-pixel);font-size:var(--fs-xl);color:var(--accent-green)}.blog__prompt{color:var(--accent-cyan);margin-right:var(--space-sm)}.blog__intro{color:var(--text-secondary);line-height:1.6;border-left:var(--border-width) solid var(--border-color);padding-left:var(--space-lg)}.blog__topics{display:flex;flex-direction:column;gap:var(--space-md)}.blog__topic{background:var(--bg-surface);border:1px solid var(--border-color);padding:var(--space-md) var(--space-lg);transition:border-color .15s,background .15s}.blog__topic:hover{border-color:var(--border-bright);background:var(--bg-surface-hover)}.blog__topic-title{font-size:var(--fs-base);color:var(--accent-green);margin-bottom:var(--space-xs);display:flex;align-items:baseline;gap:var(--space-sm)}.blog__bullet{color:var(--accent-cyan);flex-shrink:0}.blog__topic-desc{color:var(--text-secondary);font-size:var(--fs-sm);line-height:1.6;padding-left:calc(var(--fs-base) + var(--space-sm))}.blog__coming-soon{color:var(--text-muted);font-size:var(--fs-sm);margin-top:var(--space-md)}.blog__cursor{display:inline-block;width:.6em;height:1em;background:var(--accent-green);animation:blink 1s step-end infinite;vertical-align:text-bottom}@keyframes blink{50%{opacity:0}}@media(max-width:768px){.blog__intro{padding-left:var(--space-md)}.blog__topic{padding:var(--space-md)}}.contact{display:flex;flex-direction:column;gap:var(--space-xl);max-width:500px}.contact__heading{font-family:var(--font-pixel);font-size:var(--fs-xl);color:var(--accent-green)}.contact__prompt{color:var(--accent-cyan);margin-right:var(--space-sm)}.contact__intro{color:var(--text-secondary);line-height:1.6}.contact__block{background:var(--bg-surface);border:1px solid var(--border-color);padding:var(--space-md) var(--space-lg);display:flex;flex-direction:column;gap:var(--space-sm)}.contact__row{display:grid;grid-template-columns:120px 1fr;gap:var(--space-md);align-items:baseline}.contact__label{font-size:var(--fs-sm);color:var(--accent-cyan);text-transform:uppercase;letter-spacing:.1em}.contact__value{color:var(--text-primary);font-size:var(--fs-sm)}.contact__link{color:var(--accent-cyan);font-size:var(--fs-sm);transition:color .15s}.contact__link:hover{color:var(--accent-green)}@media(max-width:768px){.contact{max-width:none}.contact__row{grid-template-columns:1fr;gap:var(--space-xs)}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{min-height:100vh;line-height:1.5;-webkit-font-smoothing:none;-moz-osx-font-smoothing:auto}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}a{color:inherit;text-decoration:none}ul,ol{list-style:none}:root{--bg-primary: #0a0a2e;--bg-secondary: #12123a;--bg-surface: #1a1a4e;--bg-surface-hover: #222266;--text-primary: #d0d0ff;--text-secondary: #9090cc;--text-muted: #6060aa;--accent-green: #11ff8d;--accent-cyan: #00e5ff;--accent-yellow: #ffee00;--accent-magenta: #ff44cc;--accent-orange: #ff8800;--border-color: #3333aa;--border-bright: #5555dd;--border-width: 2px;--font-body: "Courier New", Courier, monospace;--font-heading: "Courier New", Courier, monospace;--font-pixel: "Courier New", Courier, monospace;--fs-xs: .75rem;--fs-sm: .875rem;--fs-base: 1rem;--fs-lg: 1.25rem;--fs-xl: 1.5rem;--fs-2xl: 2rem;--fs-3xl: 2.5rem;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--content-max-width: 800px;--header-height: 3.5rem}.page-stub{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;text-align:center;gap:var(--space-md)}.page-stub__title{font-size:var(--fs-2xl);color:var(--accent-green);font-family:var(--font-pixel)}.page-stub__text{color:var(--text-muted);font-style:italic}.page-stub__text a{color:var(--accent-cyan);text-decoration:underline}@media(max-width:768px){.page-stub__title{font-size:var(--fs-xl)}}body{font-family:var(--font-body);font-size:var(--fs-base);color:var(--text-primary);background-color:var(--bg-primary);background-image:radial-gradient(circle at 20% 50%,rgba(17,255,141,.03) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(0,229,255,.03) 0%,transparent 50%)}#root{display:flex;flex-direction:column;min-height:100vh}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border-color);border:1px solid var(--bg-secondary)}::selection{background:var(--accent-green);color:var(--bg-primary)}a:hover{color:var(--accent-green)}
