:root{--bg-primary: #0F111A;--bg-surface: #151821;--bg-elevated: #1a1e2a;--bg-card: #12151f;--text-primary: #e8eaed;--text-secondary: #9aa0a6;--text-muted: #5f6368;--accent-blue: #61afef;--accent-cyan: #56b6c2;--accent-purple: #c678dd;--accent-green: #7aff7a;--accent-orange: #ffa500;--accent-yellow: #e5c07b;--accent-red: #e06c75;--widget-tag: #61afef;--widget-prop: #e5c07b;--widget-value: #98c379;--grid-color: rgba(255, 255, 255, .02);--grid-size: 20px;--border-subtle: rgba(255, 255, 255, .06);--border-hover: rgba(255, 255, 255, .12);--font-mono: "JetBrains Mono", "Fira Code", monospace;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--section-padding: 5rem 1.5rem;--container-max: 1100px;--ease-out-expo: cubic-bezier(.19, 1, .22, 1);--transition-fast: .15s var(--ease-out-expo);--transition-base: .3s var(--ease-out-expo);--transition-slow: .5s var(--ease-out-expo);--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;min-height:100vh;position:relative;background-image:radial-gradient(ellipse 100% 80% at 10% 20%,rgba(97,175,239,.15) 0%,transparent 50%),radial-gradient(ellipse 80% 60% at 90% 10%,rgba(198,120,221,.12) 0%,transparent 45%),radial-gradient(ellipse 70% 70% at 80% 90%,rgba(86,182,194,.12) 0%,transparent 50%),radial-gradient(ellipse 60% 50% at 5% 85%,rgba(229,192,123,.08) 0%,transparent 45%),linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:100% 100%,100% 100%,100% 100%,100% 100%,24px 24px,24px 24px;background-position:0 0,0 0,0 0,0 0,-1px -1px,-1px -1px;background-attachment:fixed}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none}img{max-width:100%;display:block}.container{max-width:var(--container-max);margin:0 auto;padding:0 1.5rem}.widget-tag{font-family:var(--font-mono);color:var(--widget-tag);font-size:.75rem;font-weight:500}.widget-bracket{color:var(--text-muted)}.widget-prop{color:var(--widget-prop)}.widget-value{color:var(--widget-value)}section{padding:var(--section-padding);position:relative}.inspector-label{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--font-mono);font-size:.7rem;color:var(--text-muted);background:var(--bg-surface);padding:.35rem .75rem;border-radius:var(--radius-sm);border:1px solid var(--border-subtle);margin-bottom:1rem}.inspector-label:before{content:"";width:6px;height:6px;background:var(--accent-cyan);border-radius:50%}@keyframes fadeIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:.4}50%{opacity:1}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.fade-in{animation:fadeIn .6s var(--ease-out-expo) forwards}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border-subtle);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}::selection{background:#61afef4d;color:var(--text-primary)}:focus-visible{outline:2px solid var(--accent-blue);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.app{min-height:100vh;display:flex;flex-direction:column}main{flex:1}.header{position:fixed;top:0;left:0;right:0;z-index:100;padding:.75rem 0;transition:var(--transition-base);background:transparent}.header.scrolled{background:#0f111ae6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-subtle)}.nav{display:flex;align-items:center;justify-content:space-between;gap:1.5rem}.breadcrumb{display:flex;align-items:center;gap:.5rem;font-family:var(--font-mono);font-size:.85rem}.crumb{color:var(--text-muted)}.crumb.logo{color:var(--text-primary);font-weight:600}.crumb.active{color:var(--accent-cyan)}.separator{color:var(--text-muted);opacity:.4}.nav-links{display:flex;align-items:center;gap:.25rem;list-style:none;margin:0;padding:0}.nav-item{font-size:.85rem;color:var(--text-secondary);padding:.5rem 1rem;border-radius:var(--radius-sm);background:transparent;border:none;cursor:pointer;transition:var(--transition-fast)}.nav-item:hover{color:var(--text-primary);background:#ffffff0d}.nav-item.active{color:var(--accent-blue)}.mobile-toggle{display:none;width:36px;height:36px;align-items:center;justify-content:center;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);cursor:pointer}.hamburger{position:relative;width:18px;height:2px;background:var(--text-secondary);transition:var(--transition-fast)}.hamburger:before,.hamburger:after{content:"";position:absolute;left:0;width:100%;height:2px;background:var(--text-secondary);transition:var(--transition-fast)}.hamburger:before{top:-6px}.hamburger:after{top:6px}.hamburger.open{background:transparent}.hamburger.open:before{top:0;transform:rotate(45deg)}.hamburger.open:after{top:0;transform:rotate(-45deg)}@media(max-width:768px){.mobile-toggle{display:flex}.nav-links{position:fixed;top:56px;left:0;right:0;flex-direction:column;background:#0f111afa;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:1rem;gap:.5rem;border-bottom:1px solid var(--border-subtle);transform:translateY(-100%);opacity:0;pointer-events:none;transition:var(--transition-base)}.nav-links.open{transform:translateY(0);opacity:1;pointer-events:auto}.nav-item{width:100%;text-align:center;padding:.875rem}}.footer{padding:2rem 0;border-top:1px solid var(--border-subtle)}.footer-content{display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:.85rem;color:var(--text-muted)}.footer-logo{font-family:var(--font-mono);color:var(--text-secondary)}.footer-divider{opacity:.4}.footer-year{font-family:var(--font-mono)}.hero{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;padding:6rem 1.5rem;overflow:hidden}.particle-grid{position:absolute;inset:0;pointer-events:none;z-index:0}.particle{position:absolute;left:var(--x);top:var(--y);width:3px;height:3px;background:var(--accent-cyan);border-radius:50%;opacity:.12;animation:particlePulse 5s ease-in-out infinite;animation-delay:var(--delay)}@keyframes particlePulse{0%,to{opacity:.08;transform:scale(1)}50%{opacity:.3;transform:scale(1.3)}}.hero-content{position:relative;z-index:1;text-align:center;max-width:640px}.hero-greeting{display:block;font-size:1rem;color:var(--accent-cyan);margin-bottom:.5rem;font-weight:500}.hero-name{font-size:clamp(2.5rem,8vw,4rem);font-weight:700;line-height:1.1;margin-bottom:1rem;background:linear-gradient(135deg,var(--text-primary) 0%,var(--accent-blue) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-role{font-size:clamp(1.1rem,3vw,1.35rem);color:var(--text-secondary);margin-bottom:1.5rem;line-height:1.5}.hero-role .highlight{color:var(--accent-cyan);font-weight:500}.hero-bio{font-size:1rem;color:var(--text-secondary);line-height:1.7;margin-bottom:1.5rem;max-width:520px;margin-left:auto;margin-right:auto}.hero-skills{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;margin-bottom:2rem}.skill-tag{font-family:var(--font-mono);font-size:.75rem;color:var(--text-secondary);background:var(--bg-surface);padding:.4rem .75rem;border-radius:var(--radius-sm);border:1px solid var(--border-subtle);transition:var(--transition-fast)}.skill-tag:hover{border-color:var(--border-hover);transform:translateY(-1px)}.skill-tag.primary{color:var(--accent-cyan);background:#56b6c21a;border-color:#56b6c24d}.skill-tag.primary:hover{border-color:var(--accent-cyan)}.hero-stats{display:flex;justify-content:center;gap:3rem;margin-bottom:2.5rem}.stat{display:flex;flex-direction:column;align-items:center;gap:.25rem}.stat-value{font-family:var(--font-mono);font-size:1.5rem;font-weight:600;color:var(--accent-blue)}.stat-label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.hero-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.btn-primary,.btn-secondary{display:inline-flex;align-items:center;font-size:.95rem;font-weight:500;padding:.85rem 1.75rem;border-radius:var(--radius-sm);transition:var(--transition-fast);cursor:pointer}.btn-primary{background:var(--accent-blue);color:var(--bg-primary)}.btn-primary:hover{background:#7dc4f1;transform:translateY(-2px)}.btn-secondary{background:transparent;color:var(--text-secondary);border:1px solid var(--border-subtle)}.btn-secondary:hover{border-color:var(--accent-cyan);color:var(--accent-cyan)}.scroll-indicator{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:.5rem}.scroll-text{font-family:var(--font-mono);font-size:.6rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.15em}.scroll-line{width:1px;height:32px;background:linear-gradient(to bottom,var(--accent-cyan),transparent);animation:scrollPulse 2s ease-in-out infinite}@keyframes scrollPulse{0%,to{opacity:.3}50%{opacity:1}}@media(max-width:600px){.hero-stats{gap:1.5rem}.stat-value{font-size:1.25rem}.hero-actions{flex-direction:column;width:100%;padding:0 1rem}.btn-primary,.btn-secondary{width:100%;justify-content:center}}.experience{padding:var(--section-padding)}.timeline{max-width:600px;margin:0 auto;display:flex;flex-direction:column}.timeline-item{display:flex;gap:1.5rem;position:relative}.timeline-node{display:flex;flex-direction:column;align-items:center;flex-shrink:0}.node-dot{width:12px;height:12px;background:var(--accent-cyan);border-radius:50%;border:3px solid var(--bg-primary);box-shadow:0 0 0 2px var(--accent-cyan);z-index:1;transition:var(--transition-fast)}.timeline-item:hover .node-dot{background:var(--accent-blue);box-shadow:0 0 0 2px var(--accent-blue),0 0 16px #61afef66}.node-line{width:2px;flex:1;background:linear-gradient(to bottom,var(--accent-cyan),var(--border-subtle));margin-top:4px}.timeline-item:last-child .node-line{display:none}.timeline-content{padding-bottom:2.5rem;flex:1}.timeline-year{display:inline-block;font-family:var(--font-mono);font-size:.7rem;color:var(--accent-purple);background:#c678dd26;padding:.25rem .6rem;border-radius:var(--radius-sm);margin-bottom:.5rem}.timeline-title{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin-bottom:.25rem}.timeline-company{font-size:.85rem;color:var(--accent-blue)}.timeline-description{font-size:.9rem;color:var(--text-secondary);margin-top:.75rem;line-height:1.6}@media(max-width:600px){.timeline-item{gap:1rem}.timeline-content{padding-bottom:2rem}}.projects{padding:var(--section-padding)}.projects-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-top:2rem}.project-card{position:relative;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:1.5rem;transition:var(--transition-base);overflow:visible}.card-inspector-label{position:absolute;top:-24px;left:0;font-family:var(--font-mono);font-size:.65rem;color:var(--accent-cyan);background:var(--bg-elevated);padding:.2rem .5rem;border-radius:var(--radius-sm);border:1px solid var(--accent-cyan);opacity:0;transform:translateY(4px);transition:var(--transition-fast);pointer-events:none}.project-card:hover .card-inspector-label{opacity:1;transform:translateY(0)}.padding-indicator{position:absolute;inset:0;border:1px dashed var(--accent-green);background:#7aff7a0a;border-radius:var(--radius-md);opacity:0;pointer-events:none;transition:var(--transition-fast)}.project-card.inspecting .padding-indicator{opacity:1}.project-card.inspecting{outline:6px solid rgba(255,165,0,.06);outline-offset:4px}.card-content{position:relative;min-height:130px}.live-view,.code-view{display:flex;flex-direction:column;gap:.75rem}.project-title{font-size:1.1rem;font-weight:600;color:var(--text-primary)}.project-description{font-size:.9rem;color:var(--text-secondary);line-height:1.5}.project-tech{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.tech-tag{font-family:var(--font-mono);font-size:.7rem;color:var(--accent-blue);background:#61afef1a;padding:.2rem .5rem;border-radius:var(--radius-sm);border:1px solid rgba(97,175,239,.2)}.project-link{display:inline-flex;align-items:center;font-size:.85rem;font-weight:500;color:var(--accent-cyan);margin-top:.5rem;transition:var(--transition-fast)}.project-link:hover{color:var(--accent-blue);transform:translate(4px)}.code-view{background:var(--bg-primary);border-radius:var(--radius-sm);padding:1rem;border:1px solid var(--border-subtle)}.project-code{font-family:var(--font-mono);font-size:.75rem;color:var(--text-secondary);line-height:1.6;margin:0;white-space:pre-wrap}.toggle-code-btn{position:absolute;bottom:1rem;right:1rem;font-family:var(--font-mono);font-size:.65rem;color:var(--text-muted);padding:.3rem .6rem;border-radius:var(--radius-sm);border:1px solid var(--border-subtle);background:var(--bg-elevated);cursor:pointer;transition:var(--transition-fast);z-index:2}.toggle-code-btn:hover{color:var(--accent-cyan);border-color:var(--accent-cyan)}@media(max-width:768px){.projects-grid{grid-template-columns:1fr}.project-card{margin-top:1.5rem}}.contact{padding:var(--section-padding)}.section-title{font-size:clamp(1.75rem,5vw,2.25rem);font-weight:600;text-align:center;margin-bottom:.5rem}.section-subtitle{text-align:center;color:var(--text-secondary);margin-bottom:3rem}.contact-container{display:grid;grid-template-columns:1.5fr 1fr;gap:3rem;max-width:900px;margin:0 auto}.contact-form{display:flex;flex-direction:column;gap:1.25rem}.form-field{display:flex;flex-direction:column;gap:.5rem}.field-label{font-size:.85rem;font-weight:500;color:var(--text-primary)}.field-input{font-family:var(--font-sans);font-size:.95rem;color:var(--text-primary);background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:.875rem 1rem;transition:var(--transition-fast)}.field-input::placeholder{color:var(--text-muted)}.field-input:focus{outline:none;border-color:var(--accent-blue);box-shadow:0 0 0 3px #61afef26}.field-textarea{resize:vertical;min-height:120px}.submit-btn{font-size:.95rem;font-weight:500;padding:1rem 1.5rem;background:var(--accent-blue);color:var(--bg-primary);border:none;border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-fast);margin-top:.5rem}.submit-btn:hover{background:#7dc4f1;transform:translateY(-2px)}.contact-info{display:flex;flex-direction:column;gap:1.5rem}.info-title{font-size:1.1rem;font-weight:600;color:var(--text-primary)}.info-links{display:flex;flex-direction:column;gap:1rem}.info-link{display:flex;align-items:center;gap:.75rem;font-size:.9rem;color:var(--text-secondary);padding:.75rem 1rem;background:var(--bg-surface);border-radius:var(--radius-sm);border:1px solid var(--border-subtle);transition:var(--transition-fast)}.info-link:hover{border-color:var(--accent-cyan);color:var(--accent-cyan);transform:translate(4px)}.link-icon{font-size:1rem;opacity:.7}@media(max-width:768px){.contact-container{grid-template-columns:1fr;gap:2.5rem}}