:root{--zinc-50: #fafafa;--zinc-100: #f4f4f5;--zinc-200: #e4e4e7;--zinc-300: #d4d4d8;--zinc-400: #a1a1aa;--zinc-500: #71717a;--zinc-600: #52525b;--zinc-700: #3f3f46;--zinc-800: #27272a;--zinc-850: #1e1e22;--zinc-900: #18181b;--zinc-950: #09090b;--zinc-950-rgb: 9, 9, 11;--emerald-400: #34d399;--emerald-500: #10b981;--emerald-600: #059669;--amber-400: #fbbf24;--amber-500: #f59e0b;--red-400: #f87171;--red-500: #ef4444;--blue-400: #60a5fa;--blue-500: #3b82f6;--purple-400: #c084fc;--purple-500: #a855f7;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--section-gap: 5rem;--container-max: 1200px;--border-radius: 16px;--border-radius-sm: 10px;--transition-fast: .2s ease-in-out;--transition-base: .3s ease-in-out;--transition-slow: .5s ease-in-out}[data-theme=light]{--zinc-950: #ffffff;--zinc-900: #fafafa;--zinc-850: #f4f4f5;--zinc-800: #e4e4e7;--zinc-700: #d4d4d8;--zinc-600: #a1a1aa;--zinc-500: #71717a;--zinc-400: #52525b;--zinc-300: #3f3f46;--zinc-200: #27272a;--zinc-100: #18181b;--zinc-50: #09090b;--zinc-950-rgb: 255, 255, 255}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);background-color:var(--zinc-950);color:var(--zinc-200);font-size:1.05rem;line-height:1.7;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;outline:none}img{max-width:100%;display:block}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--zinc-950)}::-webkit-scrollbar-thumb{background:var(--zinc-700);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--zinc-600)}.container{max-width:var(--container-max);margin:0 auto;padding:0 1.5rem}.section{padding:var(--section-gap) 0}.section-label{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--font-mono);font-size:.75rem;font-weight:500;letter-spacing:.15em;text-transform:uppercase;color:var(--emerald-500);margin-bottom:1rem;padding:.35rem .85rem;background:#10b98114;border:1px solid rgba(16,185,129,.15);border-radius:100px;width:fit-content}.section-title{font-size:clamp(1.75rem,4vw,2.75rem);font-weight:800;color:var(--zinc-50);margin-bottom:.5rem;letter-spacing:-.03em;line-height:1.2}.section-subtitle{font-size:1.15rem;color:var(--zinc-400);max-width:650px;line-height:1.7}.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;padding:0 1.5rem;transition:var(--transition-slow)}.navbar.scrolled{background:rgba(var(--zinc-950-rgb),.75);backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border-bottom:1px solid var(--zinc-800);box-shadow:0 4px 30px #0000000d}.navbar-inner{max-width:var(--container-max);margin:0 auto;display:flex;align-items:center;justify-content:space-between;height:72px}.navbar-logo{font-family:var(--font-mono);font-size:.9rem;font-weight:600;color:var(--zinc-50);letter-spacing:-.02em}.navbar-logo span{color:var(--emerald-500)}.navbar-links{display:flex;align-items:center;gap:.25rem;list-style:none}.navbar-links a{font-size:.8rem;font-weight:500;color:var(--zinc-400);padding:.5rem 1rem;border-radius:8px;transition:var(--transition-fast);letter-spacing:.02em}.navbar-links a:hover{color:var(--zinc-50);background:#ffffff0d}.navbar-cta{font-size:.8rem;font-weight:600;color:var(--zinc-950)!important;background:var(--emerald-500)!important;padding:.5rem 1.25rem!important;border-radius:8px!important;transition:var(--transition-fast)}.navbar-cta:hover{background:var(--emerald-400)!important;transform:translateY(-1px)}.mobile-toggle{display:none;background:none;color:var(--zinc-300);padding:.5rem}.mobile-menu{display:none;position:fixed;right:0;bottom:0;left:0;top:72px;background:rgba(var(--zinc-950-rgb),.98);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:2rem 1.5rem;z-index:999}.mobile-menu.open{display:flex;flex-direction:column;gap:.5rem}.mobile-menu a{font-size:1.1rem;font-weight:500;color:var(--zinc-300);padding:1rem 0;border-bottom:1px solid var(--zinc-800);transition:var(--transition-fast)}.mobile-menu a:hover{color:var(--emerald-500)}.hero{min-height:100vh;display:flex;align-items:center;position:relative;overflow:hidden}.hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.hero-grid-pattern{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(63,63,70,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(63,63,70,.12) 1px,transparent 1px);background-size:60px 60px;mask-image:radial-gradient(ellipse 70% 70% at 50% 50%,black 20%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 70% 70% at 50% 50%,black 20%,transparent 100%)}.hero-glow{position:absolute;width:600px;height:600px;border-radius:50%;filter:blur(120px);opacity:.12}.hero-glow-1{top:-200px;right:-100px;background:var(--emerald-500)}.hero-glow-2{bottom:-200px;left:-100px;background:var(--blue-500);opacity:.06}.hero-content{position:relative;z-index:1;max-width:var(--container-max);margin:0 auto;padding:0 1.5rem;width:100%}.hero-eyebrow{font-family:var(--font-mono);font-size:.75rem;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--emerald-500);margin-bottom:1.5rem;display:flex;align-items:center;gap:.75rem}.hero-eyebrow:before{content:"";display:block;width:32px;height:1px;background:var(--emerald-500)}.hero-headline{font-size:clamp(2.5rem,6vw,4.5rem);font-weight:800;color:var(--zinc-50);line-height:1.08;letter-spacing:-.04em;margin-bottom:1.5rem;max-width:800px}.hero-headline .accent{background:linear-gradient(135deg,var(--emerald-400),var(--emerald-500));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:clamp(1rem,2vw,1.15rem);color:var(--zinc-400);max-width:580px;line-height:1.8;margin-bottom:2.5rem}.hero-badges{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:2.5rem}.hero-badge{display:inline-flex;align-items:center;gap:.4rem;font-family:var(--font-mono);font-size:.7rem;font-weight:500;color:var(--zinc-300);padding:.4rem .85rem;background:#ffffff0a;border:1px solid var(--zinc-800);border-radius:100px;letter-spacing:.03em}.hero-badge svg{width:13px;height:13px;color:var(--emerald-500)}.hero-actions{display:flex;flex-wrap:wrap;gap:1rem;align-items:center}.btn-primary{display:inline-flex;align-items:center;gap:.5rem;padding:.85rem 2rem;background:var(--emerald-500);color:var(--zinc-950);font-size:.875rem;font-weight:600;border-radius:var(--border-radius-sm);transition:var(--transition-base);letter-spacing:.01em}.btn-primary:hover{background:var(--emerald-400);transform:translateY(-2px);box-shadow:0 8px 30px #10b98140}.btn-secondary{display:inline-flex;align-items:center;gap:.5rem;padding:.85rem 2rem;background:transparent;color:var(--zinc-300);font-size:.875rem;font-weight:500;border-radius:var(--border-radius-sm);border:1px solid var(--zinc-700);transition:var(--transition-base)}.btn-secondary:hover{border-color:var(--zinc-500);color:var(--zinc-50);background:#ffffff08;transform:translateY(-2px)}.hero-scroll-indicator{position:absolute;bottom:2.5rem;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:.5rem;color:var(--zinc-600);font-size:.65rem;font-family:var(--font-mono);letter-spacing:.15em;text-transform:uppercase;animation:pulse-down 2s ease-in-out infinite}@keyframes pulse-down{0%,to{opacity:.4;transform:translate(-50%) translateY(0)}50%{opacity:.8;transform:translate(-50%) translateY(6px)}}.bento-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.bento-card{background:var(--zinc-900);border:1px solid var(--zinc-800);border-radius:var(--border-radius);padding:1.75rem;position:relative;overflow:hidden;transition:var(--transition-base);display:flex;flex-direction:column}.bento-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at top left,rgba(16,185,129,.04),transparent 70%);opacity:0;transition:var(--transition-base)}.bento-card:hover{border-color:var(--zinc-700);transform:translateY(-3px)}.bento-card:hover:before{opacity:1}.bento-card.size-large{grid-column:span 2;grid-row:span 2}.bento-card.size-medium,.bento-card.size-small{grid-column:span 2}.bento-card-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:1.25rem;position:relative;z-index:1}.bento-icon-wrap{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center}.bento-icon-wrap.emerald{background:#10b9811a;color:var(--emerald-500)}.bento-icon-wrap.amber{background:#f59e0b1a;color:var(--amber-500)}.bento-icon-wrap.red{background:#ef44441a;color:var(--red-500)}.bento-icon-wrap.blue{background:#3b82f61a;color:var(--blue-500)}.bento-icon-wrap.purple{background:#a855f71a;color:var(--purple-500)}.bento-tag{font-family:var(--font-mono);font-size:.65rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;padding:.3rem .7rem;border-radius:100px;background:#ffffff0a;border:1px solid var(--zinc-800);color:var(--zinc-400)}.bento-card-body{position:relative;z-index:1;flex:1}.bento-card-title{font-size:1.35rem;font-weight:800;color:var(--zinc-50);margin-bottom:.2rem;letter-spacing:-.02em}.bento-card-subtitle{font-family:var(--font-mono);font-size:.75rem;color:var(--zinc-500);margin-bottom:.85rem;letter-spacing:.03em}.bento-card-desc{font-size:.85rem;color:var(--zinc-400);line-height:1.7;margin-bottom:1.25rem}.bento-stats{display:flex;gap:1.5rem;margin-top:auto;padding-top:1.25rem;border-top:1px solid var(--zinc-800);position:relative;z-index:1}.bento-stat-value{font-family:var(--font-mono);font-size:1.1rem;font-weight:700;color:var(--zinc-50);display:block}.bento-stat-label{font-size:.65rem;color:var(--zinc-500);text-transform:uppercase;letter-spacing:.1em}.timeline{position:relative;padding-left:2rem}.timeline:before{content:"";position:absolute;left:7px;top:8px;bottom:8px;width:1px;background:linear-gradient(to bottom,var(--emerald-500),var(--zinc-800))}.timeline-item{position:relative;padding-bottom:2.5rem;padding-left:1.5rem}.timeline-item:last-child{padding-bottom:0}.timeline-dot{position:absolute;left:-2rem;top:4px;width:15px;height:15px;border-radius:50%;background:var(--zinc-900);border:2px solid var(--zinc-700);z-index:2;transition:var(--transition-base)}.timeline-item.current .timeline-dot{border-color:var(--emerald-500);background:var(--zinc-950);box-shadow:0 0 0 4px #10b98126}.timeline-item.current .timeline-dot:after{content:"";position:absolute;top:3px;right:3px;bottom:3px;left:3px;border-radius:50%;background:var(--emerald-500)}.timeline-header{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:.5rem}.timeline-role{font-size:1.1rem;font-weight:700;color:var(--zinc-50);letter-spacing:-.02em}.timeline-org{font-size:.85rem;color:var(--zinc-400)}.timeline-period{font-family:var(--font-mono);font-size:.7rem;color:var(--zinc-500);letter-spacing:.05em}.timeline-badge-current{font-family:var(--font-mono);font-size:.6rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;padding:.2rem .6rem;border-radius:100px;background:#10b9811a;color:var(--emerald-500);border:1px solid rgba(16,185,129,.2)}.timeline-desc{font-size:.875rem;color:var(--zinc-400);line-height:1.7;max-width:560px}.skills-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.skills-category{background:var(--zinc-900);border:1px solid var(--zinc-800);border-radius:var(--border-radius);padding:1.75rem;transition:var(--transition-base)}.skills-category:hover{border-color:var(--zinc-700)}.skills-category-title{font-family:var(--font-mono);font-size:.75rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:var(--emerald-500);margin-bottom:1.5rem}.skill-row{margin-bottom:1.25rem}.skill-row:last-child{margin-bottom:0}.skill-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.skill-name{font-size:.8rem;font-weight:500;color:var(--zinc-300)}.skill-pct{font-family:var(--font-mono);font-size:.7rem;color:var(--zinc-500)}.skill-bar{height:4px;border-radius:2px;background:var(--zinc-800);overflow:hidden}.skill-fill{height:100%;border-radius:2px;background:linear-gradient(90deg,var(--emerald-600),var(--emerald-400));transition:width 1.2s ease-out;width:0}.archive-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.archive-card{background:var(--zinc-900);border:1px solid var(--zinc-800);border-radius:var(--border-radius);padding:1.5rem;transition:var(--transition-base);display:flex;flex-direction:column;gap:1rem;text-decoration:none}.archive-card:hover{border-color:var(--zinc-700);transform:translateY(-3px)}.archive-icon{width:44px;height:44px;border-radius:12px;background:#10b98114;color:var(--emerald-500);display:flex;align-items:center;justify-content:center}.archive-card-title{font-size:.95rem;font-weight:600;color:var(--zinc-50);letter-spacing:-.01em}.archive-card-desc{font-size:.8rem;color:var(--zinc-500);line-height:1.6}.archive-card-type{font-family:var(--font-mono);font-size:.65rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--zinc-600);margin-top:auto;display:flex;align-items:center;gap:.4rem}.contact-wrapper{background:var(--zinc-900);border:1px solid var(--zinc-800);border-radius:var(--border-radius);padding:3rem;text-align:center;position:relative;overflow:hidden}.contact-wrapper:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:300px;height:300px;border-radius:50%;background:var(--emerald-500);filter:blur(120px);opacity:.05}.contact-title{font-size:clamp(1.5rem,3vw,2rem);font-weight:700;color:var(--zinc-50);margin-bottom:.75rem;letter-spacing:-.03em;position:relative}.contact-desc{font-size:.95rem;color:var(--zinc-400);margin-bottom:2rem;max-width:500px;margin-left:auto;margin-right:auto;position:relative}.contact-actions{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap;position:relative}.footer{padding:4rem 0 3rem;background:var(--zinc-950);border-top:1px solid var(--zinc-800);box-shadow:inset 0 20px 40px -20px #0000001a;position:relative;overflow:hidden}.footer:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:100%;height:1px;background:linear-gradient(90deg,transparent,var(--emerald-500),transparent);opacity:.3}.footer-inner{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1.5rem}.footer-text{font-size:.85rem;color:var(--zinc-500);font-family:var(--font-sans);letter-spacing:.01em;font-weight:500}.footer-text span{color:var(--emerald-500);font-weight:600}.reveal{opacity:0;transform:translateY(30px);transition:opacity .7s ease-out,transform .7s ease-out}.reveal.visible{opacity:1;transform:translateY(0)}@media (max-width: 1024px){.bento-grid{grid-template-columns:repeat(2,1fr)}.bento-card.size-large{grid-column:span 2;grid-row:span 1}.skills-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){:root{--section-gap: 4.5rem}.navbar-links{display:none}.mobile-toggle{display:flex}.bento-grid{grid-template-columns:1fr}.bento-card.size-large,.bento-card.size-medium,.bento-card.size-small{grid-column:span 1;grid-row:span 1}.skills-grid,.archive-grid{grid-template-columns:1fr}.hero-headline{font-size:clamp(2rem,8vw,3rem)}.contact-wrapper{padding:2rem 1.5rem}}