@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@300;400;500;600&family=Inter:wght@400;700&display=swap";:root{--bg-primary: #0a0a0a;--bg-secondary: #141414;--bg-accent: #1e1e1e;--text-primary: #e1e1e3;--text-secondary: #a1a1aa;--text-muted: #71717a;--color-keyword: var(--accent-secondary);--color-function: var(--accent-primary);--color-string: var(--text-muted);--color-variable: var(--text-primary);--color-number: var(--accent-primary);--color-comment: var(--text-muted);--accent-primary: #c8ff00;--accent-secondary: #a78bfa;--glow-primary: rgba(200, 255, 0, .4);--glow-secondary: rgba(167, 139, 250, .4);--particle-color: rgba(200, 255, 0, .2);--network-node-color: rgba(200, 255, 0, .6);--network-line-color: rgba(200, 255, 0, .25);--font-mono: "IBM Plex Mono", "Fira Code", monospace;--font-sans: "Inter", system-ui, sans-serif;--space-xs: .5rem;--space-sm: 1rem;--space-md: 2rem;--space-lg: 4rem;--space-xl: 8rem;--glass-bg: rgba(20, 20, 20, .8);--glass-border: rgba(255, 255, 255, .15);--glass-blur: 24px;--card-padding: 2.5rem;--card-radius: 12px;--card-gap: 2rem;--hover-transform: translateY(-5px) scale(1.02);--hover-shadow: 0 10px 30px -10px var(--glow-primary);--hover-shadow-purple: 0 10px 30px -10px var(--glow-secondary);--transition-fast: .2s ease;--transition-smooth: .6s cubic-bezier(.16, 1, .3, 1);--transition-cinematic: 1.2s cubic-bezier(.16, 1, .3, 1);--anim-stagger: .1s}[data-theme=light]{--bg-primary: #fdfaf1;--bg-secondary: #f5f2e8;--bg-accent: #ece9dc;--text-primary: #1a1a1a;--text-secondary: #404040;--text-muted: #71717a;--glass-bg: rgba(255, 255, 255, .7);--glass-border: rgba(0, 0, 0, .08);--accent-primary: #10b981;--accent-secondary: #7c3aed;--color-comment: var(--text-muted);--color-keyword: var(--accent-secondary);--color-function: var(--accent-primary);--color-string: var(--text-secondary);--color-variable: var(--text-primary);--color-number: var(--accent-primary);--glow-primary: rgba(16, 185, 129, .2);--glow-secondary: rgba(124, 58, 237, .2);--particle-color: rgba(16, 185, 129, .2);--network-node-color: rgba(124, 58, 237, .5);--network-line-color: rgba(16, 185, 129, .4)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-sans);line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,.mono{font-family:var(--font-mono);font-weight:500;letter-spacing:-.02em}.container{max-width:1200px;margin:0 auto;padding:0 var(--space-sm)}.button{display:inline-flex;align-items:center;gap:var(--space-xs);padding:.75rem 1.5rem;font-family:var(--font-mono);font-size:.9rem;border-radius:4px;cursor:pointer;transition:var(--transition-fast);text-decoration:none;border:1px solid transparent}.button--primary{background-color:var(--accent-primary);color:#000}.button--primary:hover{transform:translateY(-2px);filter:brightness(1.1);box-shadow:0 0 20px #c8ff004d}.button--secondary{background-color:transparent;color:var(--text-primary);border-color:var(--glass-border)}.button--secondary:hover{background-color:var(--bg-secondary);border-color:var(--text-primary)}.glass-card{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--card-radius);padding:var(--card-padding);transition:var(--transition-smooth)}.glass-card:hover{border-color:var(--accent-primary);transform:var(--hover-transform);box-shadow:var(--hover-shadow)}.code-header{display:flex;align-items:center;gap:8px;padding-bottom:var(--space-sm);border-bottom:1px solid var(--glass-border);margin-bottom:var(--space-sm)}.dot{width:12px;height:12px;border-radius:50%}.dot.red{background:var(--text-muted)}.dot.yellow{background:var(--accent-primary)}.dot.green{background:var(--accent-secondary)}.filename{margin-left:var(--space-xs);font-size:.8rem;color:var(--text-muted)}.typewriter-cursor{animation:blink 1s step-end infinite;margin-left:2px}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.navbar__theme-toggle{background:transparent;border:1px solid var(--glass-border);color:var(--text-primary);width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;overflow:hidden}.sun-icon,.moon-icon{position:absolute;transition:var(--transition-smooth)}.hero__code-window.compiling{border-color:var(--accent-primary);box-shadow:var(--hover-shadow)}.hero__code-window.compiling .filename{color:var(--accent-primary)}[data-theme=dark] .sun-icon{transform:translateY(40px)}[data-theme=light] .moon-icon{transform:translateY(-40px)}.about__grid{display:grid;grid-template-columns:1fr 300px;gap:var(--card-gap)}.about__lead{font-size:1.5rem;margin-bottom:var(--space-sm)}.about__description{color:var(--text-secondary)}.about__stats{display:flex;flex-direction:column;gap:var(--card-gap)}.stat-card{text-align:center;padding:var(--card-padding)}.stat-value{display:block;font-size:2.5rem;color:var(--accent-primary);line-height:1}.stat-label{font-size:.8rem;text-transform:uppercase;color:var(--text-muted)}.skills__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--card-gap)}.skill-category h3{margin-bottom:var(--space-sm);font-size:1rem}.skills__list{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.skill-tag{background:#ffffff0d;padding:.25rem .75rem;border-radius:var(--card-radius);font-family:var(--font-mono);font-size:.8rem;border:1px solid var(--glass-border);transition:var(--transition-fast)}.skill-tag:hover{background:var(--accent-secondary);color:#fff;border-color:var(--accent-secondary);box-shadow:var(--hover-shadow-purple);transform:translateY(-2px)}.animate-in{animation:fadeUp .8s var(--transition-smooth) forwards}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1}}@media(max-width:768px){.about__grid{grid-template-columns:1fr;gap:var(--space-lg)}.about__stats{flex-direction:column;justify-content:center;align-items:center}.stat-card{width:100%}.skills__grid{grid-template-columns:1fr;gap:var(--space-md)}.skills__list{justify-content:center}.skill-category h3{text-align:center}}.timeline{display:flex;flex-direction:column;gap:var(--card-gap)}.timeline__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-xs)}.project-card p{color:var(--text-secondary);font-size:.9rem;margin:var(--space-sm) 0}.project__header{display:flex;justify-content:space-between;align-items:center}.project__footer{margin-top:var(--space-sm);padding-top:var(--space-sm);border-top:1px solid var(--glass-border)}.project__footer a{color:var(--accent-primary);text-decoration:none;font-size:.8rem}.blog__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:var(--card-gap)}.blog-placeholder{display:flex;flex-direction:column;justify-content:center;text-align:center}@media(max-width:768px){.blog__grid{grid-template-columns:1fr}.timeline__header{flex-direction:column;align-items:flex-start;gap:var(--space-xs)}.project__header{flex-direction:column;align-items:flex-start;gap:var(--space-sm)}}.blog-post{display:flex;flex-direction:column;gap:var(--card-gap);padding:var(--card-padding);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--card-radius);transition:var(--transition-smooth)}.blog-post:hover{border-color:var(--accent-primary);transform:var(--hover-transform);box-shadow:var(--hover-shadow)}.blog-post__meta{display:flex;justify-content:space-between;font-size:.8rem;margin-bottom:var(--space-xs)}.blog-post h3{font-size:1.5rem;line-height:1.2}.blog-post p{color:var(--text-secondary);font-size:.95rem}.blog-post a{margin-top:auto;text-decoration:none;font-size:.9rem}.reveal{opacity:0;transform:translateY(30px);transition:var(--transition-cinematic)}.reveal--visible{opacity:1;transform:translateY(0)}.ticker-container{overflow:hidden;white-space:nowrap;padding:var(--space-md) 0;background:var(--bg-secondary);border-top:1px solid var(--glass-border);border-bottom:1px solid var(--glass-border);margin:var(--space-lg) 0;mask-image:linear-gradient(to right,transparent,black 10%,black 90%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,black 10%,black 90%,transparent)}.ticker-content{display:inline-block;animation:ticker 20s linear infinite}.ticker-item{display:inline-block;padding:0 var(--space-md);font-size:3rem;font-weight:600;text-transform:uppercase;color:var(--glass-border);transition:var(--transition-fast)}.ticker-item:hover{color:var(--accent-primary);-webkit-text-stroke:1px var(--accent-primary)}@keyframes ticker{0%{transform:translate(0)}to{transform:translate(-50%)}}.parallax-item{transition:transform .1s ease-out;will-change:transform}.theme-shard{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9999;opacity:0;background:var(--bg-primary)}.theme-shard.animating{animation:shardTransition .8s var(--transition-smooth) forwards}@keyframes shardTransition{0%{opacity:0;clip-path:polygon(0 0,0 0,0 100%,0% 100%)}50%{opacity:1;clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}to{opacity:0;clip-path:polygon(100% 0,100% 0,100% 100%,100% 100%)}}.hero{min-height:100vh;display:flex;align-items:center;position:relative;overflow:hidden}.hero__background{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:-1;opacity:1;pointer-events:none}.hero__content{display:grid;grid-template-columns:1.2fr .8fr;gap:var(--card-gap);align-items:center}.hero__title{font-size:clamp(3rem,8vw,6rem);line-height:.9;margin-bottom:var(--space-sm);text-transform:uppercase}.hero__name{color:var(--accent-primary);display:block}.hero__subtitle{font-size:1.25rem;color:var(--text-secondary);margin-bottom:var(--space-md);max-width:600px}.hero__code-window{font-family:var(--font-mono);font-size:.85rem}.token--keyword{color:var(--color-keyword)}.token--function{color:var(--color-function)}.token--string{color:var(--color-string)}.token--comment{color:var(--color-comment)}.navbar{position:fixed;top:0;left:0;width:100%;z-index:1000;padding:var(--space-sm) 0;transition:var(--transition-smooth)}.navbar--scrolled{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));border-bottom:1px solid var(--glass-border);padding:.75rem 0}.navbar__container{display:flex;justify-content:space-between;align-items:center}.navbar__menu{display:flex;gap:var(--space-md);list-style:none}.navbar__link{font-family:var(--font-mono);text-decoration:none;color:var(--text-secondary);font-size:.9rem;transition:var(--transition-fast)}.navbar__link:hover,.navbar__link--active{color:var(--accent-primary);text-shadow:0 0 10px var(--glow-primary)}.section{padding:var(--space-xl) 0}.section__title{font-size:2.5rem;margin-bottom:var(--space-lg);position:relative;display:inline-block}.section__title:after{content:"";position:absolute;bottom:-10px;left:0;width:60%;height:4px;background:var(--accent-primary)}@media(max-width:768px){html{font-size:14px}.hero__title{font-size:3.5rem}.section__title{font-size:2rem}.hero{padding-top:5rem}.hero__content{grid-template-columns:1fr;text-align:center;gap:var(--space-md)}.hero__code-window{text-align:left}.hero__cta{justify-content:center}.navbar__toggle{background:transparent;border:none;cursor:pointer;z-index:1002;color:var(--text-primary);display:flex;align-items:center;justify-content:center}.icon-close,.navbar__toggle--active .icon-menu{display:none}.navbar__toggle--active .icon-close{display:block}.navbar__menu{position:fixed;top:0;left:0;width:100vw;height:100vh;background:var(--bg-primary);flex-direction:column;justify-content:center;align-items:center;gap:var(--space-lg);z-index:1001;opacity:0;pointer-events:none;transform:translateY(-20px);transition:var(--transition-smooth)}.navbar__menu--active{opacity:1;pointer-events:auto;transform:translateY(0)}.navbar__link{font-size:1.5rem}}@media(min-width:769px){.navbar__toggle{display:none}}