:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}:root{--bg-primary: #0a0e1a;--bg-secondary: #111827;--bg-elevated: #1a2332;--bg-hover: #1f2937;--text-primary: #f8fafc;--text-secondary: #cbd5e1;--text-muted: #94a3b8;--text-subtle: #64748b;--accent-teal: #14b8a6;--accent-teal-dim: rgba(20, 184, 166, .1);--accent-purple: #a855f7;--accent-purple-dim: rgba(168, 85, 247, .1);--accent-blue: #3b82f6;--accent-orange: #f97316;--border-subtle: #1e293b;--border-medium: #334155;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4), 0 2px 4px -2px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .5), 0 4px 6px -4px rgba(0, 0, 0, .4);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .6), 0 8px 10px -6px rgba(0, 0, 0, .5);--shadow-accent: 0 0 30px rgba(20, 184, 166, .15);--spacing-xs: .5rem;--spacing-sm: .75rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--font-display: "Space Grotesk", "Segoe UI", system-ui, -apple-system, sans-serif;--font-body: "Inter", system-ui, -apple-system, sans-serif;--font-mono: "Fira Code", "Consolas", monospace}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{margin:0;background:var(--bg-primary);color:var(--text-primary);font-family:var(--font-body);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}.page{position:relative;min-height:100vh;background:var(--bg-primary)}.grain-overlay{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;opacity:.03;z-index:1;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E")}.container{max-width:100%;margin:0 auto;padding:0 var(--spacing-lg);position:relative;z-index:2}.header{max-width:1400px center;display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-2xl) 0;gap:var(--spacing-xl);flex-wrap:wrap;border-bottom:1px solid var(--border-subtle);margin-bottom:var(--spacing-3xl)}.header-content{display:flex;flex-direction:column;gap:var(--spacing-sm)}.name-badge{display:flex;align-items:center;gap:var(--spacing-md);flex-wrap:wrap}.name{font-family:var(--font-display);font-size:1.75rem;font-weight:700;letter-spacing:-.02em;background:linear-gradient(135deg,var(--text-primary) 0%,var(--accent-teal) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.status-pill{display:inline-flex;align-items:center;padding:.25rem .75rem;background:var(--accent-teal-dim);border:1px solid var(--accent-teal);color:var(--accent-teal);border-radius:999px;font-size:.75rem;font-weight:600;letter-spacing:.02em;animation:pulse-glow 3s ease-in-out infinite}@keyframes pulse-glow{0%,to{opacity:1}50%{opacity:.7}}.subtitle{font-size:.95rem;color:var(--text-muted);font-weight:500}.nav{display:flex;gap:var(--spacing-lg);align-items:center;flex-wrap:wrap}.nav-link,.nav-link-external{position:relative;color:var(--text-secondary);text-decoration:none;font-weight:500;font-size:.95rem;transition:color .2s ease}.nav-link:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:var(--accent-teal);transition:width .3s ease}.nav-link:hover:after{width:100%}.nav-link:hover,.nav-link-external:hover{color:var(--accent-teal)}.hero{padding:var(--spacing-3xl) 0;margin-bottom:var(--spacing-3xl)}.hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:var(--spacing-3xl);align-items:center;max-width:1400px}.hero-text{animation:fadeInUp .8s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.hero-title{font-family:var(--font-display);font-size:clamp(2.5rem,5vw,3.5rem);font-weight:800;line-height:1.1;margin-bottom:var(--spacing-lg);letter-spacing:-.03em}.accent-text{background:linear-gradient(135deg,var(--accent-teal) 0%,var(--accent-blue) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-description{font-size:1.15rem;line-height:1.7;color:var(--text-secondary);margin-bottom:var(--spacing-xl);max-width:600px}.tech-stack{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-bottom:var(--spacing-xl)}.tech-badge{padding:.4rem .9rem;background:var(--bg-elevated);border:1px solid var(--border-medium);border-radius:var(--radius-md);font-size:.85rem;font-weight:500;color:var(--text-secondary);font-family:var(--font-mono);transition:all .2s ease}.tech-badge:hover{background:var(--bg-hover);border-color:var(--accent-teal);color:var(--accent-teal);transform:translateY(-2px)}.cta-group{display:flex;gap:var(--spacing-md);flex-wrap:wrap}.btn-primary,.btn-secondary{display:inline-flex;align-items:center;padding:.875rem 1.75rem;border-radius:var(--radius-lg);font-weight:600;font-size:1rem;text-decoration:none;transition:all .2s ease;border:2px solid transparent}.btn-primary{background:linear-gradient(135deg,var(--accent-teal) 0%,var(--accent-blue) 100%);color:#fff;box-shadow:var(--shadow-md),var(--shadow-accent)}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg),0 0 40px #14b8a640}.btn-secondary{background:transparent;color:var(--text-primary);border-color:var(--border-medium)}.btn-secondary:hover{background:var(--bg-elevated);border-color:var(--accent-teal);color:var(--accent-teal);transform:translateY(-2px)}.hero-visual{position:relative;height:400px}.floating-card{position:absolute;background:var(--bg-elevated);border:1px solid var(--border-medium);border-radius:var(--radius-xl);padding:var(--spacing-lg);box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:float 6s ease-in-out infinite}.card-1{top:20%;left:10%;animation-delay:0s}.card-2{top:50%;right:15%;animation-delay:2s}.card-3{bottom:15%;left:20%;animation-delay:4s}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.card-icon{font-size:2rem;margin-bottom:var(--spacing-sm)}.card-text{font-family:var(--font-display);font-size:1.1rem;font-weight:700;color:var(--text-primary)}.section{padding:var(--spacing-3xl) 0;border-top:1px solid var(--border-subtle)}.section-header{text-align:center;margin-bottom:var(--spacing-2xl)}.section-label{display:inline-block;padding:.35rem 1rem;background:var(--accent-teal-dim);color:var(--accent-teal);border:1px solid var(--accent-teal);border-radius:999px;font-size:.8rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;margin-bottom:var(--spacing-md)}.section-title{font-family:var(--font-display);font-size:clamp(2rem,4vw,2.75rem);font-weight:800;letter-spacing:-.02em;color:var(--text-primary);margin:0}.about-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-lg)}.about-card{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:var(--spacing-xl);transition:all .3s ease}.about-card:hover{transform:translateY(-4px);border-color:var(--accent-teal);box-shadow:var(--shadow-lg),0 0 30px #14b8a61a}.main-bio{grid-column:span 2;background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-elevated) 100%)}.main-bio p{color:var(--text-secondary);font-size:1.05rem;line-height:1.8}.main-bio p+p{margin-top:var(--spacing-md)}.interest-card{display:flex;flex-direction:column}.interest-icon{font-size:2.5rem;margin-bottom:var(--spacing-md)}.interest-icon-flag{width:64px;height:64px;margin-bottom:var(--spacing-md);display:flex;align-items:center;justify-content:center}.flag-image{width:100%;height:100%;object-fit:cover;border-radius:50%;box-shadow:0 2px 8px #0003;border:2px solid var(--border-medium)}.interest-card h3{font-family:var(--font-display);font-size:1.25rem;font-weight:700;margin-bottom:var(--spacing-sm);color:var(--text-primary)}.interest-card p{color:var(--text-muted);font-size:.95rem;line-height:1.6}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--spacing-xl)}.project-card{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:var(--spacing-xl);position:relative;overflow:hidden;transition:all .3s ease}.project-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:var(--accent-teal);transform:scaleY(0);transition:transform .3s ease}.project-card.accent-teal:before{background:var(--accent-teal)}.project-card.accent-purple:before{background:var(--accent-purple)}.project-card:hover{transform:translateY(-6px);border-color:var(--border-medium);box-shadow:var(--shadow-xl)}.project-card:hover:before{transform:scaleY(1)}.project-header{display:flex;justify-content:space-between;align-items:start;margin-bottom:var(--spacing-md);gap:var(--spacing-md)}.project-title{font-family:var(--font-display);font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0}.project-link{color:var(--accent-teal);text-decoration:none;font-weight:600;font-size:.9rem;white-space:nowrap;transition:color .2s ease}.project-link:hover{color:var(--accent-blue)}.project-description{color:var(--text-secondary);line-height:1.7;margin-bottom:var(--spacing-lg)}.project-tech{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.tech-tag{padding:.35rem .75rem;background:var(--bg-elevated);border:1px solid var(--border-medium);border-radius:var(--radius-sm);font-size:.8rem;font-weight:500;color:var(--text-muted);font-family:var(--font-mono)}.project-highlights{list-style:none;padding:0}.project-highlights li{position:relative;padding-left:var(--spacing-lg);color:var(--text-muted);font-size:.9rem;line-height:1.6;margin-bottom:var(--spacing-sm)}.project-highlights li:before{content:"▸";position:absolute;left:0;color:var(--accent-teal);font-weight:700}.project-card.accent-purple .project-highlights li:before{color:var(--accent-purple)}.experience-card{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:var(--spacing-2xl)}.experience-header{display:flex;justify-content:space-between;align-items:start;margin-bottom:var(--spacing-xl);gap:var(--spacing-lg);flex-wrap:wrap}.experience-title{font-family:var(--font-display);font-size:1.75rem;font-weight:700;color:var(--text-primary);margin:0 0 var(--spacing-xs) 0}.experience-company{color:var(--text-muted);font-size:1.1rem;font-weight:500}.experience-date{color:var(--accent-teal);font-weight:600;font-size:.95rem;padding:.5rem 1rem;background:var(--accent-teal-dim);border:1px solid var(--accent-teal);border-radius:var(--radius-md);white-space:nowrap}.impact-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-2xl);padding:var(--spacing-xl);background:var(--bg-elevated);border-radius:var(--radius-lg)}.metric{text-align:center}.metric-value{font-family:var(--font-display);font-size:2.5rem;font-weight:800;background:linear-gradient(135deg,var(--accent-teal) 0%,var(--accent-blue) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;margin-bottom:var(--spacing-xs)}.metric-label{color:var(--text-muted);font-size:.85rem;font-weight:500}.achievement-list{list-style:none;padding:0}.achievement-list li{position:relative;padding-left:var(--spacing-xl);color:var(--text-secondary);font-size:1rem;line-height:1.7;margin-bottom:var(--spacing-lg)}.achievement-bullet{position:absolute;left:0;color:var(--accent-teal);font-weight:700;font-size:1.2rem}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--spacing-lg)}.skill-category{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:var(--spacing-xl);transition:all .3s ease}.skill-category:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.skill-category.color-blue:hover{border-color:var(--accent-blue)}.skill-category.color-teal:hover{border-color:var(--accent-teal)}.skill-category.color-purple:hover{border-color:var(--accent-purple)}.skill-category.color-orange:hover{border-color:var(--accent-orange)}.skill-category-title{font-family:var(--font-display);font-size:1.25rem;font-weight:700;color:var(--text-primary);margin:0 0 var(--spacing-md) 0}.skill-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.skill-tag{padding:.5rem 1rem;background:var(--bg-elevated);border:1px solid var(--border-medium);border-radius:var(--radius-md);color:var(--text-secondary);font-size:.9rem;font-weight:500;transition:all .2s ease}.skill-tag:hover{background:var(--bg-hover);color:var(--accent-teal);border-color:var(--accent-teal)}.contact-card{background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-elevated) 100%);border:1px solid var(--border-medium);border-radius:var(--radius-2xl);padding:var(--spacing-3xl);text-align:center;box-shadow:var(--shadow-xl)}.contact-title{font-family:var(--font-display);font-size:clamp(2rem,4vw,2.5rem);font-weight:800;margin-bottom:var(--spacing-md);background:linear-gradient(135deg,var(--text-primary) 0%,var(--accent-teal) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.contact-description{color:var(--text-secondary);font-size:1.1rem;line-height:1.7;max-width:600px;margin:0 auto var(--spacing-2xl) auto}.contact-links{display:flex;justify-content:center;gap:var(--spacing-md);flex-wrap:wrap}.contact-btn{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:.875rem 1.5rem;background:var(--bg-elevated);border:1px solid var(--border-medium);border-radius:var(--radius-lg);color:var(--text-primary);text-decoration:none;font-weight:600;transition:all .2s ease}.contact-btn:hover{background:var(--bg-hover);border-color:var(--accent-teal);color:var(--accent-teal);transform:translateY(-2px);box-shadow:var(--shadow-md)}.contact-icon{font-size:1.25rem}.footer{margin-top:var(--spacing-3xl);padding:var(--spacing-2xl) 0;border-top:1px solid var(--border-subtle);text-align:center}.footer p{color:var(--text-subtle);font-size:.9rem}@media(max-width:768px){.hero-grid{grid-template-columns:1fr}.hero-visual{display:none}.main-bio{grid-column:span 1}.header{flex-direction:column;align-items:flex-start}.nav{width:100%}.experience-header{flex-direction:column}.impact-metrics{grid-template-columns:1fr}}@media print{.grain-overlay,.nav,.cta-group,.floating-card{display:none}}