:root{--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, "SF Mono", Consolas, "Liberation Mono", Menlo, monospace;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--bg-primary: #f8f9fb;--bg-white: #ffffff;--bg-card: #f0f2f5;--bg-dark: #1e1e2e;--bg-dark-sidebar: #1a1a2a;--bg-dark-tab: #2a2a3a;--text-primary: #1a1a2e;--text-secondary: #6b7280;--text-muted: #9ca3af;--text-heading: #111827;--text-code-green: #4ade80;--text-code-blue: #60a5fa;--text-code-yellow: #fbbf24;--text-code-orange: #fb923c;--text-code-purple: #c084fc;--text-code-cyan: #22d3ee;--text-code-white: #e2e8f0;--accent-blue: #4361ee;--accent-blue-hover: #3651de;--accent-green: #10b981;--accent-green-light: #d1fae5;--border-light: #e5e7eb;--border-medium: #d1d5db;--dot-red: #ff5f57;--dot-yellow: #febd2e;--dot-green: #27c93f;--google-red: #ea4335;--google-yellow: #fbbc05;--google-blue: #4285f4;--google-green: #34a853;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .07), 0 2px 4px -2px rgba(0, 0, 0, .05);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .08), 0 4px 6px -4px rgba(0, 0, 0, .04);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .08), 0 8px 10px -6px rgba(0, 0, 0, .04);--shadow-card: 0 1px 3px rgba(0, 0, 0, .06), 0 1px 2px rgba(0, 0, 0, .04);--shadow-badge: 0 4px 20px rgba(0, 0, 0, .1);--container-max: 1280px;--content-max: 1100px;--section-padding: 80px;--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease;color-scheme:light;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-mono);background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;min-width:320px;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{width:100%;min-height:100vh}h1,h2,h3,h4,h5,h6{font-family:var(--font-sans);font-weight:700;color:var(--text-heading);line-height:1.2;margin:0}p{margin:0}a{color:var(--accent-blue);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--accent-blue-hover)}button{font-family:inherit;cursor:pointer;border:none;background:none}input,textarea,select{font-family:var(--font-mono)}img{max-width:100%;height:auto}::selection{background-color:#4361ee33;color:var(--text-primary)}.site-wrapper{min-height:100vh;display:flex;flex-direction:column}.site-main{flex:1;width:100%}.container{max-width:var(--container-max);margin:0 auto;padding:0 2rem}.content-container{max-width:var(--content-max);margin:0 auto;padding:0 2rem}.site-nav{position:sticky;top:0;z-index:100;background-color:var(--bg-white)}.nav-inner{max-width:var(--container-max);margin:0 auto;padding:0 2rem;display:flex;align-items:center;justify-content:space-between;height:64px}.nav-left{display:flex;align-items:center;gap:16px}.nav-site-name{font-family:var(--font-mono);font-weight:700;font-size:.875rem;color:var(--text-primary);text-decoration:none;letter-spacing:.5px;text-transform:uppercase}.nav-site-name:hover{color:var(--text-primary)}.nav-divider{width:1px;height:20px;background-color:var(--border-light)}.nav-version{font-family:var(--font-mono);font-size:.8rem;color:var(--text-muted);letter-spacing:.5px;text-transform:uppercase}.nav-right{display:flex;align-items:center;gap:32px}.nav-links{display:flex;align-items:center;gap:28px}.nav-link{font-family:var(--font-mono);font-size:.8rem;font-weight:500;color:var(--text-secondary);text-decoration:none;letter-spacing:1px;text-transform:uppercase;transition:color var(--transition-fast);padding:4px 0}.nav-link:hover{color:var(--text-primary)}.nav-link.active{color:var(--accent-blue);font-weight:600}.google-line{height:3px;display:flex;width:100%}.google-line span{flex:1;display:block}.google-line .gl-red{background-color:var(--google-red)}.google-line .gl-yellow{background-color:var(--google-yellow)}.google-line .gl-blue{background-color:var(--google-blue)}.google-line .gl-green{background-color:var(--google-green)}.mobile-menu-btn{display:none;align-items:center;justify-content:center;width:40px;height:40px;border-radius:8px;color:var(--text-secondary);transition:background-color var(--transition-fast)}.mobile-menu-btn:hover{background-color:var(--bg-card)}.mobile-nav-overlay{display:none;position:fixed;inset:67px 0 0;background-color:#0000004d;z-index:90}.mobile-nav-overlay.open{display:block}.mobile-nav-menu{display:none;position:fixed;top:67px;left:0;right:0;background-color:var(--bg-white);border-bottom:1px solid var(--border-light);box-shadow:var(--shadow-lg);z-index:95;padding:8px 0}.mobile-nav-menu.open{display:block}.mobile-nav-link{display:block;font-family:var(--font-mono);font-size:.875rem;font-weight:500;color:var(--text-secondary);text-decoration:none;letter-spacing:1px;text-transform:uppercase;padding:14px 24px;transition:all var(--transition-fast)}.mobile-nav-link:hover{background-color:var(--bg-card);color:var(--text-primary)}.mobile-nav-link.active{color:var(--accent-blue);background-color:#4361ee0d}@media (max-width: 768px){.nav-links{display:none}.mobile-menu-btn{display:flex}.nav-inner{padding:0 1rem}}.section-label{display:block;font-family:var(--font-mono);font-size:.75rem;font-weight:400;color:var(--text-muted);letter-spacing:3px;text-transform:uppercase;margin-bottom:8px}.section-heading{font-family:var(--font-sans);font-size:2.25rem;font-weight:800;color:var(--text-heading);line-height:1.2;margin-bottom:0}.section-heading .code-link{font-family:var(--font-mono);font-weight:400;font-size:1.5rem;color:var(--accent-blue)}.section-heading .code-link:before{content:" < ";color:var(--text-muted);font-size:1.25rem}.wip-badge{font-family:var(--font-mono);font-size:.65rem;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;color:var(--accent-blue);border:1.5px solid var(--accent-blue);padding:6px 14px;border-radius:20px;vertical-align:middle;margin-left:12px;white-space:nowrap}.terminal-card{background-color:var(--bg-card);border-radius:16px;overflow:hidden;box-shadow:var(--shadow-card);border:1px solid var(--border-light);max-width:1265px}.terminal-titlebar{display:flex;align-items:center;padding:14px 20px;position:relative}.terminal-dots{display:flex;gap:8px}.terminal-dots .dot{width:12px;height:12px;border-radius:50%}.terminal-dots .dot-red{background-color:var(--dot-red)}.terminal-dots .dot-yellow{background-color:var(--dot-yellow)}.terminal-dots .dot-green{background-color:var(--dot-green)}.terminal-title{position:absolute;left:50%;transform:translate(-50%);font-family:var(--font-mono);font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px}.terminal-body{padding:32px 180px 40px 40px}.terminal-prompt{display:flex;align-items:baseline;gap:12px;margin-bottom:24px}.terminal-prompt .tilde{color:var(--accent-blue);font-size:1.5rem;font-weight:700}.terminal-command{font-family:var(--font-mono);font-size:1.75rem;font-weight:700;color:var(--text-heading);line-height:1.3}.terminal-cursor{display:inline-block;animation:blink 1s step-end infinite;color:var(--text-heading)}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.terminal-bio{font-family:var(--font-mono);font-size:.95rem;line-height:1.8;color:var(--text-secondary);margin-bottom:32px;max-width:680px}.terminal-bio strong,.terminal-bio .highlight{color:var(--accent-blue);font-weight:600}.terminal-bio em{font-style:italic}.terminal-bio .bold-text{font-weight:700;color:var(--text-heading)}.terminal-tags{display:flex;flex-wrap:wrap;gap:12px}.tag{font-family:var(--font-mono);font-size:.7rem;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;padding:8px 16px;border-radius:6px;display:inline-flex;align-items:center}.tag-outlined-blue{color:var(--accent-blue);border:1.5px solid var(--accent-blue);background:transparent}.tag-filled-blue{color:#fff;background-color:var(--accent-blue);border:1.5px solid var(--accent-blue)}.tag-outlined-green{color:var(--accent-green);border:1.5px solid var(--accent-green);background:transparent}.terminal-resize{position:absolute;bottom:4px;right:8px;width:14px;height:14px;opacity:.3}.id-badge-container{display:flex;flex-direction:column;align-items:center;transform:rotate(2deg);cursor:pointer}.badge-reel{display:flex;flex-direction:column;align-items:center;z-index:3;position:relative}.badge-reel-disc{width:44px;height:44px;border-radius:50%;background:linear-gradient(145deg,#e03e2d,#c0342a);box-shadow:0 2px 8px #00000040,inset 0 1px 2px #ffffff4d;display:flex;align-items:center;justify-content:center}.badge-reel-inner-disc{width:26px;height:26px;border-radius:50%;background:linear-gradient(145deg,#c0342a,#a82c24);box-shadow:inset 0 1px 3px #0000004d}.badge-reel-neck{width:6px;height:10px;background:linear-gradient(to right,#c0342a,#e03e2d,#c0342a);border-radius:0 0 2px 2px}.badge-reel-clip{width:22px;height:18px;background:linear-gradient(145deg,#e8e8e8,#c8c8c8);border-radius:3px;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 3px #0003;margin-bottom:-6px;position:relative}.badge-reel-snap{width:10px;height:10px;border-radius:50%;background:radial-gradient(circle at 40% 35%,#f0f0f0,#a0a0a0 50%,#888);border:1px solid #999;box-shadow:0 1px 2px #00000026}.id-badge-wrapper{perspective:1000px;width:220px;height:320px}.id-badge-inner{position:relative;width:100%;height:100%;transition:transform .7s cubic-bezier(.34,1.56,.64,1);transform-style:preserve-3d}.id-badge-container:hover .id-badge-inner{transform:rotateY(180deg)}.id-badge{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:16px;display:flex;flex-direction:column;align-items:center;padding:28px 24px 24px;box-shadow:0 8px 32px #00000040,0 2px 8px #00000026;background:linear-gradient(170deg,#1e2a3a,#15202e)}.id-badge-front{z-index:2}.id-badge-back{transform:rotateY(180deg);justify-content:flex-start}.id-badge-brand{display:flex;align-items:center;gap:8px;margin-bottom:24px}.id-badge-brand-icon{width:22px;height:22px;object-fit:contain}.id-badge-brand-name{font-family:var(--font-sans);font-size:1.15rem;font-weight:600;color:#fff;letter-spacing:.5px}.id-badge-photo-wrapper{position:relative;margin-bottom:20px}.id-badge-photo{width:110px;height:110px;border-radius:50%;object-fit:cover;display:block;border:3px solid rgba(255,255,255,.1)}.id-badge-status-dot{position:absolute;bottom:-3px;right:3px;width:14px;height:14px;background-color:var(--accent-green);border-radius:50%;border:2.5px solid #1e2a3a;animation:pulse-dot 2s ease-in-out infinite}@keyframes pulse-dot{0%,to{box-shadow:0 0 #10b98180}50%{box-shadow:0 0 0 6px #10b98100}}.id-badge-name{display:flex;flex-direction:column;align-items:center;gap:2px;margin-top:auto}.id-badge-firstname{font-family:var(--font-sans);font-weight:700;font-size:1.6rem;color:#fff;line-height:1.2}.id-badge-lastname{font-family:var(--font-sans);font-weight:400;font-size:1rem;color:#ffffff8c;line-height:1.2}.id-badge-back-content{display:flex;flex-direction:column;align-items:center;flex:1;justify-content:center;gap:6px;width:100%}.id-badge-back-label{font-family:var(--font-mono);font-size:.6rem;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:#ffffff59}.id-badge-back-role{font-family:var(--font-sans);font-size:1.05rem;font-weight:700;color:#fff;text-align:center;line-height:1.3}.id-badge-back-detail{font-family:var(--font-mono);font-size:.75rem;color:#ffffffb3;text-align:center}.id-badge-back-divider{width:32px;height:1px;background-color:#ffffff1f;margin:6px 0}.id-badge-back-status{display:flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:.75rem;font-weight:600;color:var(--accent-green)}.id-badge-online{width:8px;height:8px;background-color:var(--accent-green);border-radius:50%;display:inline-block}.hero-section{padding:60px 0 80px}.hero-layout{display:flex;gap:0;align-items:flex-start;justify-content:center;position:relative}.hero-terminal-col{flex:0 1 auto;min-width:0}.hero-badge-col{flex-shrink:0;padding-top:20px;margin-left:-110px;position:relative;z-index:5}@media (max-width: 900px){.hero-layout{flex-direction:column;align-items:center}.hero-badge-col{order:-1;padding-top:0;margin-left:0}.id-badge-container{transform:rotate(0)}.terminal-command{font-size:1.25rem}.terminal-body{padding:20px 24px 28px}}.career-section{padding:60px 0 80px;position:relative;z-index:10}.timeline-horizontal{display:flex;align-items:flex-start;justify-content:space-between;padding:40px 0 20px;overflow:visible;gap:8px;position:relative}.timeline-horizontal:before{content:"";position:absolute;top:72px;left:10%;right:10%;height:2px;background-color:var(--border-light);z-index:1}.timeline-horizontal:after{content:"";position:absolute;top:72px;left:10%;right:10%;height:2px;background:linear-gradient(90deg,transparent,var(--accent-blue),transparent);background-size:20% 100%;background-repeat:no-repeat;animation:timelineSweep 3s ease-in-out infinite;z-index:1}.timeline-item{display:flex;flex-direction:column;align-items:center;text-align:center;min-width:140px;flex:1;position:relative}@keyframes timelineSweep{0%{background-position:-20% 0}to{background-position:120% 0}}.timeline-circle{width:64px;height:64px;border-radius:50%;border:2px solid var(--border-medium);display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:.875rem;font-weight:600;color:var(--text-secondary);background-color:var(--bg-white);margin-bottom:16px;transition:all var(--transition-base);position:relative;z-index:2}.timeline-circle.active,.timeline-circle:hover{border-color:var(--accent-blue);color:var(--accent-blue);box-shadow:0 0 0 4px #4361ee1a}.timeline-tooltip{position:absolute;top:calc(100% + 12px);left:50%;transform:translate(-50%);width:280px;background:linear-gradient(170deg,#1e2a3a,#15202e);border-radius:12px;padding:0;z-index:20;box-shadow:0 8px 32px #0000004d,0 2px 8px #0003;pointer-events:none;animation:tooltipFadeIn .2s ease-out}@keyframes tooltipFadeIn{0%{opacity:0}to{opacity:1}}.timeline-tooltip-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px 10px;border-bottom:1px solid rgba(255,255,255,.08)}.timeline-tooltip-title{font-family:var(--font-mono);font-size:.75rem;font-weight:700;color:var(--accent-blue);letter-spacing:.5px}.timeline-tooltip-years{font-family:var(--font-mono);font-size:.7rem;color:#ffffff80;letter-spacing:.5px}.timeline-tooltip-body{padding:14px 16px}.timeline-tooltip-line{font-family:var(--font-mono);font-size:.75rem;color:#ffffffd9;line-height:1.5;margin-bottom:8px}.timeline-tooltip-line:last-child{margin-bottom:0}.timeline-tooltip-hash{color:var(--accent-blue);font-weight:700}.timeline-tooltip-footer{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;border-top:1px solid rgba(255,255,255,.08);font-family:var(--font-mono);font-size:.55rem;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;color:#ffffff40}.timeline-item:first-child .timeline-tooltip{left:0;transform:translate(0)}.timeline-item:last-child .timeline-tooltip{left:auto;right:0;transform:translate(0)}.timeline-company{font-family:var(--font-sans);font-weight:700;font-size:.875rem;color:var(--text-heading);margin-bottom:4px;line-height:1.3}.timeline-role{font-family:var(--font-mono);font-size:.65rem;font-weight:400;color:var(--text-muted);letter-spacing:.5px;text-transform:uppercase;line-height:1.4;max-width:160px}@media (max-width: 768px){.timeline-horizontal{gap:4px;padding-bottom:20px}.timeline-item{min-width:110px}.timeline-horizontal:before,.timeline-horizontal:after{display:none}.timeline-circle{width:48px;height:48px;font-size:.75rem}.timeline-company{font-size:.75rem}.timeline-role{font-size:.6rem}.timeline-tooltip{display:none}}.metrics-section{padding:60px 0 80px}.metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:32px}.metric-card{background-color:var(--bg-white);border:1px solid var(--border-light);border-radius:12px;padding:0;display:flex;flex-direction:column;min-height:220px}.metric-card-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border-light)}.metric-card-title{font-family:var(--font-mono);font-size:.7rem;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;color:var(--text-secondary)}.metric-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.metric-dot-green{background-color:var(--accent-green)}.metric-dot-yellow{background-color:var(--dot-yellow)}.metric-card-body{flex:1;padding:24px 20px;display:flex;flex-direction:column;gap:8px}.metric-card-center{align-items:center;justify-content:center}.metric-big-number{font-family:var(--font-sans);font-size:2.5rem;font-weight:800;color:var(--text-heading);line-height:1}.metric-sub-text{font-family:var(--font-mono);font-size:.65rem;font-weight:500;letter-spacing:1.5px;text-transform:uppercase;color:var(--text-muted)}.metric-commit-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:4px;margin-bottom:8px}.metric-commit-cell{width:100%;aspect-ratio:1;border-radius:3px;background-color:var(--accent-green);max-width:24px}.metric-commit-label{font-family:var(--font-mono);font-size:.85rem;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--text-heading)}.metric-process-name{font-family:var(--font-mono);font-size:1.75rem;font-weight:700;color:var(--text-heading);letter-spacing:-.5px}.metric-arc-wrapper{width:100px;height:100px;margin-bottom:4px}.metric-arc{width:100%;height:100%}.metric-arc-label{font-family:var(--font-sans);font-size:1.5rem;font-weight:800;fill:var(--accent-blue)}.metric-arc-sublabel{font-family:var(--font-mono);font-size:.6rem;font-weight:600;letter-spacing:2px;fill:var(--text-muted)}.metric-dep-badge{font-family:var(--font-mono);font-size:.6rem;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:var(--text-heading);border:1px solid var(--border-medium);padding:4px 12px;border-radius:4px}@media (max-width: 1024px){.metrics-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.metrics-grid{grid-template-columns:1fr}.metric-big-number{font-size:2rem}.metric-process-name{font-size:1.25rem}}.corkboard-section{padding:60px 0 0}.corkboard{position:relative;margin-top:32px;width:100vw;margin-left:calc(-50vw + 50%);min-height:460px;background:repeating-conic-gradient(#c49a6c 0% 25%,#d4a96a 0% 50%) 0 0 / 4px 4px,linear-gradient(135deg,#c9956b,#d4a574,#c08e60 60%,#b8845a);border-radius:0;border-top:12px solid #6b4226;border-bottom:12px solid #6b4226;box-shadow:inset 0 2px 12px #0003,0 8px 32px #00000026,inset 0 0 60px #0000000d;overflow:hidden;touch-action:none;-webkit-user-select:none;user-select:none}.corkboard-inner{position:relative;max-width:1000px;margin:0 auto;height:100%;min-height:inherit}.corkboard-pin{position:absolute;width:14px;height:14px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#f0f0f0,#888 70%,#555);box-shadow:0 1px 4px #0006;z-index:50;pointer-events:none}.postit{position:absolute;width:180px;min-height:140px;padding:28px 16px 16px;cursor:grab;transition:box-shadow .2s ease;border-radius:2px}.postit:active{cursor:grabbing;box-shadow:0 12px 28px #00000040}.postit-yellow{background:linear-gradient(135deg,#fff9a8,#fff176);box-shadow:2px 4px 12px #00000026,inset 0 -2px 6px #0000000a}.postit-pink{background:linear-gradient(135deg,#ffc1e3,#f48fb1);box-shadow:2px 4px 12px #00000026,inset 0 -2px 6px #0000000a}.postit-green{background:linear-gradient(135deg,#c8f7c5,#81c784);box-shadow:2px 4px 12px #00000026,inset 0 -2px 6px #0000000a}.postit-blue{background:linear-gradient(135deg,#b3e5fc,#4fc3f7);box-shadow:2px 4px 12px #00000026,inset 0 -2px 6px #0000000a}.postit-pin{position:absolute;top:-6px;left:50%;transform:translate(-50%);width:16px;height:16px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#e53935,#b71c1c 70%);box-shadow:0 2px 4px #00000059;z-index:2}.postit-pin:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:5px;height:5px;border-radius:50%;background:#ffffff80}.postit-text{font-family:"Caveat","Segoe Script",cursive,var(--font-sans);font-size:1.05rem;line-height:1.5;color:#000000bf;word-break:break-word}.postit:after{content:"";position:absolute;bottom:0;right:0;width:0;height:0;border-style:solid;border-width:0 0 24px 24px;border-color:transparent transparent rgba(0,0,0,.08) transparent}.polaroid{position:absolute;width:170px;background:#fff;padding:10px 10px 36px;cursor:grab;box-shadow:2px 4px 16px #0003,0 1px 3px #0000001a;transition:box-shadow .2s ease;border-radius:2px}.polaroid:active{cursor:grabbing;box-shadow:0 12px 28px #0000004d}.polaroid-pin{position:absolute;top:-6px;left:50%;transform:translate(-50%);width:16px;height:16px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#4fc3f7,#0288d1 70%);box-shadow:0 2px 4px #00000059;z-index:2}.polaroid-pin:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:5px;height:5px;border-radius:50%;background:#ffffff80}.polaroid-image{width:100%;aspect-ratio:1;background:#e2e8f0;overflow:hidden;border-radius:1px}.polaroid-image svg{width:100%;height:100%;display:block}.polaroid-caption{display:block;text-align:center;font-family:"Caveat","Segoe Script",cursive,var(--font-sans);font-size:.95rem;color:#555;margin-top:8px}@media (max-width: 900px){.corkboard{min-height:600px}}@media (max-width: 600px){.corkboard{min-height:750px;border-width:8px}.postit{width:150px;min-height:110px;padding:24px 12px 12px}.postit-text{font-size:.9rem}.polaroid{width:140px;padding:8px 8px 28px}}.ide-section{padding:60px 0 80px}.ide-container{background-color:var(--bg-dark);border-radius:12px;overflow:hidden;box-shadow:var(--shadow-lg);display:flex;min-height:480px}.ide-sidebar{width:240px;background-color:var(--bg-dark-sidebar);border-right:1px solid rgba(255,255,255,.06);flex-shrink:0;padding:0}.ide-sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;font-family:var(--font-mono);font-size:.7rem;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:var(--text-code-white)}.ide-sidebar-dots{color:var(--text-muted);font-size:1rem;letter-spacing:2px}.ide-file{display:flex;align-items:center;gap:8px;padding:8px 16px 8px 24px;font-family:var(--font-mono);font-size:.8rem;color:var(--text-code-white);cursor:pointer;transition:background-color var(--transition-fast)}.ide-file:hover{background-color:#ffffff0d}.ide-file.active{background-color:#4361ee33}.ide-file-icon{font-size:.7rem;color:var(--accent-blue);font-weight:700}.ide-file-icon.log{color:var(--text-code-yellow)}.ide-main{flex:1;display:flex;flex-direction:column;min-width:0}.ide-tabs{display:flex;background-color:var(--bg-dark-tab);border-bottom:1px solid rgba(255,255,255,.06);overflow-x:auto}.ide-tab{display:flex;align-items:center;gap:6px;padding:10px 16px;font-family:var(--font-mono);font-size:.75rem;color:var(--text-muted);white-space:nowrap;border-right:1px solid rgba(255,255,255,.06);cursor:pointer;transition:all var(--transition-fast)}.ide-tab:hover{background-color:#ffffff08}.ide-tab.active{color:var(--text-code-white);background-color:var(--bg-dark)}.ide-tab-icon{font-size:.65rem;font-weight:700}.ide-tab-icon.md{color:var(--accent-blue)}.ide-tab-icon.log{color:var(--text-code-yellow)}.ide-tab-close{margin-left:8px;font-size:.6rem;color:var(--text-muted);opacity:0;transition:opacity var(--transition-fast)}.ide-tab.active .ide-tab-close{opacity:.7}.ide-tab-add{display:flex;align-items:center;justify-content:center;padding:10px 14px;color:var(--text-muted);font-size:1rem;cursor:pointer;transition:color var(--transition-fast);margin-left:auto}.ide-tab-add:hover{color:var(--text-code-white)}.ide-content{flex:1;padding:20px 0;overflow-y:auto;overflow-x:hidden}.ide-line{display:flex;padding:1px 0;min-height:1.6em;font-family:var(--font-mono);font-size:.85rem;line-height:1.6}.ide-line-number{width:48px;text-align:right;padding-right:16px;color:#fff3;flex-shrink:0;-webkit-user-select:none;user-select:none}.ide-line-content{color:var(--text-code-white);padding-right:20px;white-space:pre-wrap;word-break:break-word}.ide-line-content .comment{color:var(--text-code-green);font-weight:600}.ide-line-content .heading{color:var(--text-code-green);font-weight:700}.ide-line-content .string{color:var(--text-code-white)}.ide-line-content .keyword{color:var(--text-code-orange);font-weight:700}.ide-line-content .separator{color:#ffffff26}.ide-line-content .value{font-style:italic;color:var(--text-code-white)}@media (max-width: 768px){.ide-container{flex-direction:column;min-height:400px}.ide-sidebar{width:100%;border-right:none;border-bottom:1px solid rgba(255,255,255,.06);display:flex;flex-direction:column;max-height:140px;overflow-y:auto}.ide-line{font-size:.75rem}.ide-line-number{width:36px;padding-right:10px}}.cta-section{background-color:var(--accent-blue);padding:100px 2rem;text-align:center;position:relative;overflow:hidden;margin-top:80px}.cta-section:before{content:"";position:absolute;top:0;left:0;right:0;height:80px;background:var(--bg-primary);border-radius:0 0 50% 50%}.cta-version-badge{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:.75rem;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;color:#ffffffe6;background-color:#ffffff26;padding:8px 20px;border-radius:24px;margin-bottom:32px;position:relative;z-index:1}.cta-version-dot{width:8px;height:8px;background-color:#fff;border-radius:50%}.cta-heading{font-family:var(--font-sans);font-size:5rem;font-weight:900;color:#fff;margin-bottom:24px;position:relative;z-index:1;line-height:1}.cta-subtext{font-family:var(--font-mono);font-size:1rem;color:#ffffffd9;line-height:1.8;margin-bottom:48px;max-width:600px;margin-left:auto;margin-right:auto;position:relative;z-index:1}.cta-button{display:inline-flex;align-items:center;gap:12px;background-color:#fff;color:var(--accent-blue);font-family:var(--font-sans);font-size:1.125rem;font-weight:700;padding:16px 40px;border-radius:60px;text-decoration:none;transition:all var(--transition-base);box-shadow:0 4px 20px #00000026;position:relative;z-index:1}.cta-button:hover{transform:translateY(-2px);box-shadow:0 6px 28px #0003;color:var(--accent-blue)}.cta-button svg{width:28px;height:28px}.cta-protocol{font-family:var(--font-mono);font-size:.75rem;letter-spacing:2px;text-transform:uppercase;color:#ffffff4d;margin-top:60px;position:relative;z-index:1}@media (max-width: 768px){.cta-heading{font-size:3rem}.cta-subtext{font-size:.875rem}.cta-section{padding:80px 1.5rem}}.projects-section{padding:60px 0 40px}.project-card{background-color:var(--bg-white);border:1px solid var(--border-light);border-radius:12px;padding:24px;transition:all var(--transition-base);display:flex;flex-direction:column;height:100%}.project-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.project-card-meta{display:flex;align-items:center;gap:8px;margin-bottom:12px}.project-card-source{font-family:var(--font-mono);font-size:.7rem;font-weight:600;color:var(--accent-blue);letter-spacing:.5px;text-transform:uppercase}.project-card-date{font-family:var(--font-mono);font-size:.7rem;color:var(--text-muted)}.project-card-title{font-family:var(--font-sans);font-size:1.125rem;font-weight:700;color:var(--text-heading);line-height:1.4;margin-bottom:12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.project-card-excerpt{font-family:var(--font-mono);font-size:.8rem;color:var(--text-secondary);line-height:1.6;margin-bottom:16px;flex:1}.project-card-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.project-tag{font-family:var(--font-mono);font-size:.65rem;font-weight:500;letter-spacing:.5px;padding:4px 12px;border-radius:20px;text-transform:uppercase}.project-card-link{font-family:var(--font-mono);font-size:.75rem;font-weight:600;color:var(--accent-blue);display:inline-flex;align-items:center;gap:6px;transition:color var(--transition-fast);margin-top:auto}.project-card-link:hover{color:var(--accent-blue-hover)}.project-card-link svg{width:12px;height:12px}.projects-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}@media (max-width: 768px){.projects-grid{grid-template-columns:1fr}}.section-header-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:32px}.section-view-all{font-family:var(--font-mono);font-size:.75rem;font-weight:600;color:var(--accent-blue);letter-spacing:.5px}.page-section{padding:40px 0 60px}.page-header{margin-bottom:48px}.page-title{font-family:var(--font-sans);font-size:2.5rem;font-weight:800;color:var(--text-heading);margin-bottom:12px}.page-subtitle{font-family:var(--font-mono);font-size:.9rem;color:var(--text-secondary);line-height:1.6}.site-footer{padding:40px 2rem;text-align:center;border-top:1px solid var(--border-light);margin-top:0}.site-footer p{font-family:var(--font-mono);font-size:.75rem;color:var(--text-muted);letter-spacing:.5px}.form-group{margin-bottom:20px}.form-label{display:block;font-family:var(--font-mono);font-size:.75rem;font-weight:600;color:var(--text-secondary);letter-spacing:.5px;text-transform:uppercase;margin-bottom:8px}.form-input,.form-textarea{width:100%;padding:12px 16px;font-family:var(--font-mono);font-size:.875rem;color:var(--text-primary);background-color:var(--bg-white);border:1px solid var(--border-light);border-radius:8px;transition:all var(--transition-fast);outline:none}.form-input:focus,.form-textarea:focus{border-color:var(--accent-blue);box-shadow:0 0 0 3px #4361ee1a}.form-textarea{resize:vertical;min-height:120px}.form-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 32px;font-family:var(--font-mono);font-size:.875rem;font-weight:600;letter-spacing:.5px;color:#fff;background-color:var(--accent-blue);border:none;border-radius:8px;cursor:pointer;transition:all var(--transition-base);width:100%}.form-button:hover{background-color:var(--accent-blue-hover);transform:translateY(-1px)}.form-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.form-status{padding:12px 16px;border-radius:8px;font-family:var(--font-mono);font-size:.8rem;margin-top:16px}.form-status.success{background-color:#f0fdf4;color:#166534;border:1px solid #bbf7d0}.form-status.error{background-color:#fef2f2;color:#991b1b;border:1px solid #fecaca}.blog-posts-container{background-color:var(--bg-white);border:1px solid var(--border-light);border-radius:12px;overflow:hidden}.blog-post-item{padding:20px 24px;border-bottom:1px solid var(--border-light);transition:background-color var(--transition-fast)}.blog-post-item:last-child{border-bottom:none}.blog-post-item:hover{background-color:#4361ee05}.blog-post-title{font-family:var(--font-sans);font-size:1rem;font-weight:600;color:var(--accent-blue);margin-bottom:4px}.blog-post-date{font-family:var(--font-mono);font-size:.7rem;color:var(--text-muted);letter-spacing:.5px;margin-bottom:8px}.blog-post-snippet{font-family:var(--font-mono);font-size:.8rem;color:var(--text-secondary);line-height:1.6}.timeline-vertical{position:relative}.timeline-v-item{display:flex;gap:24px;padding-bottom:32px;position:relative}.timeline-v-item:last-child{padding-bottom:0}.timeline-v-line{position:absolute;left:31px;top:64px;bottom:0;width:2px;background-color:var(--border-light)}.timeline-v-item:last-child .timeline-v-line{display:none}.timeline-v-icon{width:64px;height:64px;border-radius:50%;border:2px solid var(--border-medium);display:flex;align-items:center;justify-content:center;background-color:var(--bg-white);flex-shrink:0;z-index:2;font-family:var(--font-mono);font-size:.875rem;font-weight:600;color:var(--text-secondary)}.timeline-v-content{flex:1;min-width:0}.timeline-v-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:8px;cursor:pointer;padding:12px 16px;border-radius:8px;transition:background-color var(--transition-fast)}.timeline-v-header:hover{background-color:var(--bg-card)}.timeline-v-title{font-family:var(--font-sans);font-size:1rem;font-weight:700;color:var(--text-heading);line-height:1.3}.timeline-v-company{font-family:var(--font-mono);font-size:.75rem;color:var(--text-secondary);margin-top:2px}.timeline-v-year{font-family:var(--font-mono);font-size:.8rem;font-weight:700;color:var(--text-muted);white-space:nowrap;flex-shrink:0}.timeline-v-chevron{width:20px;height:20px;color:var(--text-muted);transition:transform var(--transition-base);flex-shrink:0;margin-left:12px}.timeline-v-chevron.expanded{transform:rotate(180deg)}.timeline-v-body{padding:16px;margin-top:4px;background-color:var(--bg-card);border-radius:8px}.timeline-v-description{font-family:var(--font-mono);font-size:.8rem;color:var(--text-secondary);line-height:1.7;margin-bottom:16px}.timeline-v-projects-heading,.timeline-v-skills-heading{font-family:var(--font-mono);font-size:.7rem;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--text-heading);margin-bottom:8px}.timeline-v-projects{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.timeline-v-project-link{font-family:var(--font-mono);font-size:.7rem;color:var(--accent-blue);background-color:#4361ee14;padding:4px 12px;border-radius:4px;text-decoration:none;transition:background-color var(--transition-fast)}.timeline-v-project-link:hover{background-color:#4361ee26}.timeline-v-skills{display:flex;flex-wrap:wrap;gap:8px}.timeline-v-skill{font-family:var(--font-mono);font-size:.65rem;letter-spacing:.5px;padding:4px 10px;border-radius:20px;background-color:#4361ee14;color:var(--accent-blue)}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px}@media (max-width: 768px){.contact-grid{grid-template-columns:1fr;gap:32px}}.contact-info-item{display:flex;align-items:center;gap:12px;padding:12px 0}.contact-info-icon{width:20px;height:20px;color:var(--text-secondary);flex-shrink:0}.contact-info-text{font-family:var(--font-mono);font-size:.85rem;color:var(--text-secondary)}.contact-info-text a{color:var(--accent-blue)}.schedule-card{background-color:var(--bg-card);border-radius:12px;padding:24px}.schedule-card p{font-family:var(--font-mono);font-size:.85rem;color:var(--text-secondary);line-height:1.6;margin-bottom:16px}.schedule-button{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;font-family:var(--font-mono);font-size:.8rem;font-weight:600;color:#fff;background-color:var(--accent-blue);border-radius:8px;text-decoration:none;transition:all var(--transition-base)}.schedule-button:hover{background-color:var(--accent-blue-hover);color:#fff;transform:translateY(-1px)}.response-card{background-color:#4361ee0f;border-radius:12px;padding:20px;margin-top:24px}.response-card h3{font-family:var(--font-mono);font-size:.8rem;font-weight:700;letter-spacing:.5px;color:var(--accent-blue);margin-bottom:8px}.response-card p{font-family:var(--font-mono);font-size:.75rem;color:var(--text-secondary);line-height:1.6}.legal-section{margin-bottom:40px}.legal-section h2{font-family:var(--font-sans);font-size:1.5rem;font-weight:700;color:var(--text-heading);margin-bottom:16px}.legal-section p{font-family:var(--font-mono);font-size:.85rem;color:var(--text-secondary);line-height:1.8;margin-bottom:12px}.video-container{background-color:var(--bg-white);border:1px solid var(--border-light);border-radius:12px;overflow:hidden}.video-wrapper{position:relative;padding-bottom:56.25%;height:0;overflow:hidden}.video-wrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.video-info{padding:24px}.video-info h3{font-family:var(--font-sans);font-size:1.125rem;font-weight:700;color:var(--text-heading);margin-bottom:8px}.video-info .video-meta{font-family:var(--font-mono);font-size:.7rem;color:var(--text-muted);margin-bottom:8px}.video-info p{font-family:var(--font-mono);font-size:.8rem;color:var(--text-secondary);line-height:1.6;margin-bottom:16px}.sub-nav{display:flex;gap:32px;justify-content:center;margin-bottom:48px;padding-bottom:16px;border-bottom:1px solid var(--border-light)}.sub-nav-btn{font-family:var(--font-mono);font-size:.75rem;font-weight:500;color:var(--text-secondary);letter-spacing:.5px;padding:8px 0;border-bottom:2px solid transparent;transition:all var(--transition-fast);cursor:pointer}.sub-nav-btn:hover{color:var(--accent-blue);border-bottom-color:var(--accent-blue)}.loading-text{font-family:var(--font-mono);font-size:.85rem;color:var(--text-muted);text-align:center;padding:40px 0}.error-box{font-family:var(--font-mono);font-size:.8rem;color:#991b1b;background-color:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:16px}.text-center{text-align:center}.text-left{text-align:left}.mt-2{margin-top:8px}.mt-4{margin-top:16px}.mt-8{margin-top:32px}.mb-2{margin-bottom:8px}.mb-4{margin-bottom:16px}.mb-8{margin-bottom:32px}.repo-card{background-color:var(--bg-white);border:1px solid var(--border-light);border-radius:12px;padding:24px;transition:all var(--transition-base)}.repo-card:hover{box-shadow:var(--shadow-md)}.repo-card-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:12px;gap:16px}.repo-card-name{font-family:var(--font-sans);font-size:1rem;font-weight:700;color:var(--text-heading)}.repo-card-name a{color:var(--text-heading);transition:color var(--transition-fast)}.repo-card-name a:hover{color:var(--accent-blue)}.repo-card-stats{display:flex;align-items:center;gap:12px;font-family:var(--font-mono);font-size:.75rem;color:var(--text-muted)}.repo-card-stat{display:flex;align-items:center;gap:4px}.repo-card-stat svg{width:14px;height:14px}.repo-card-desc{font-family:var(--font-mono);font-size:.8rem;color:var(--text-secondary);line-height:1.6;margin-bottom:16px}.repo-card-footer{display:flex;align-items:center;justify-content:space-between}.repo-card-updated{font-family:var(--font-mono);font-size:.7rem;color:var(--text-muted)}.substack-embed{border:1px solid var(--border-light);border-radius:12px;overflow:hidden;background:var(--bg-white)}.substack-embed iframe{display:block}