@import"https://fonts.googleapis.com/css2?family=Google+Sans:wght@300;400;500;600;700&display=swap";html{scroll-behavior:smooth;scroll-padding-top:100px}:root{font-family:Google Sans,Inter,system-ui,sans-serif;line-height:1.5;font-weight:400;color:var(--text-primary);background-color:var(--page-bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;--page-bg: #f6f4f1;--section-bg: #f0ede9;--card-bg: rgba(255, 255, 255, .7);--card-glow: rgba(246, 238, 225, .9);--text-primary: #11131a;--text-muted: #515765;--accent: #f59e0b;--accent-2: #ec4899;--border-subtle: rgba(17, 19, 26, .12);--border-strong: rgba(17, 19, 26, .2);--nav-bg: rgba(246, 244, 241, .9);--chip-bg: rgba(255, 255, 255, .8);--toggle-track: rgba(17, 19, 26, .12);--toggle-thumb: #11131a;--toggle-position: 0px;--shadow-soft: 0 24px 60px rgba(17, 19, 26, .08);--shadow-strong: 0 28px 70px rgba(17, 19, 26, .16)}[data-theme=dark]{--page-bg: #0b0d12;--section-bg: #0f1118;--card-bg: rgba(17, 19, 26, .9);--card-glow: rgba(20, 22, 32, .9);--text-primary: #f7f3ee;--text-muted: #c4bdb6;--accent: #f472b6;--accent-2: #38bdf8;--border-subtle: rgba(247, 243, 238, .12);--border-strong: rgba(247, 243, 238, .22);--nav-bg: rgba(11, 13, 18, .85);--chip-bg: rgba(17, 19, 26, .8);--toggle-track: rgba(247, 243, 238, .2);--toggle-thumb: #f7f3ee;--toggle-position: 20px;--shadow-soft: 0 24px 60px rgba(2, 4, 12, .6);--shadow-strong: 0 28px 70px rgba(2, 4, 12, .75)}*{box-sizing:border-box;margin:0;padding:0}body{min-height:100vh;background:radial-gradient(circle at top right,rgba(245,158,11,.15),transparent 45%),radial-gradient(circle at 20% 20%,rgba(236,72,153,.12),transparent 40%),var(--page-bg)}[data-theme=dark] body{background:radial-gradient(circle at top right,rgba(56,189,248,.18),transparent 45%),radial-gradient(circle at 20% 20%,rgba(244,114,182,.15),transparent 40%),var(--page-bg)}a{color:inherit;text-decoration:none}h1,h2,h3,h4{font-weight:600;color:var(--text-primary)}p{color:var(--text-primary)}button{font-family:inherit}ul{list-style:disc}.page{position:relative;z-index:1}.navbar{position:fixed;top:0;left:0;right:0;z-index:10;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:var(--nav-bg);border-bottom:1px solid var(--border-subtle);animation:nav-slide .8s ease both}.nav-inner{max-width:1200px;margin:0 auto;padding:1rem 2.5rem;display:flex;align-items:center;justify-content:space-between;gap:1.5rem}.brand{display:flex;align-items:center;gap:.75rem;font-weight:600;letter-spacing:-.02em}.brand-mark{width:14px;height:14px;border-radius:4px;background:linear-gradient(135deg,var(--accent),var(--accent-2));box-shadow:0 0 16px color-mix(in srgb,var(--accent) 50%,transparent)}.nav-links{display:flex;gap:1.5rem;font-size:.95rem}.nav-links a{color:var(--text-muted);transition:color .2s ease}.nav-links a:hover{color:var(--text-primary)}.theme-toggle{display:inline-flex;align-items:center;gap:.6rem;border:1px solid var(--border-strong);background:var(--card-bg);color:var(--text-primary);padding:.4rem .75rem;border-radius:999px;cursor:pointer}.toggle-track{width:42px;height:22px;border-radius:999px;background:var(--toggle-track);display:inline-flex;align-items:center;padding:2px}.toggle-thumb{width:18px;height:18px;border-radius:50%;background:var(--toggle-thumb);transform:translate(var(--toggle-position));transition:transform .2s ease}.toggle-text{font-size:.8rem;text-transform:uppercase;letter-spacing:.08em}main{padding-top:96px}.hero{padding:5rem 2.5rem 3rem}.hero-grid{max-width:1200px;margin:0 auto;display:grid;gap:3rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));align-items:center;animation:page-fade .9s ease both}.eyebrow{font-size:.85rem;letter-spacing:.4em;text-transform:uppercase;color:var(--text-muted);margin-bottom:1.2rem}.hero-copy h1{font-size:clamp(2.4rem,3.2vw,3.6rem);line-height:1.05;margin-bottom:1.2rem;animation:text-rise .9s ease both}.lead{font-size:1.05rem;color:var(--text-muted);max-width:560px;animation:text-rise .9s ease both;animation-delay:.08s}.cta-row{margin:2rem 0 2.5rem;display:flex;gap:1rem;flex-wrap:wrap;animation:text-rise .9s ease both;animation-delay:.16s}.btn{border-radius:999px;padding:.85rem 1.8rem;font-weight:600;border:1px solid transparent;transition:transform .2s ease,box-shadow .2s ease}.btn.primary{background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#0d0f15;box-shadow:0 16px 40px #16182326}.btn.ghost{border-color:var(--border-strong);color:var(--text-primary)}.btn:hover{transform:translateY(-2px)}.btn.primary:hover{box-shadow:0 20px 50px #16182340}.meta-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem;animation:text-rise .9s ease both;animation-delay:.24s}.meta-card{padding:1rem 1.2rem;border-radius:16px;border:1px solid var(--border-subtle);background:var(--card-bg);display:flex;flex-direction:column;gap:.25rem;transition:transform .2s ease,border-color .2s ease}.meta-card span{color:var(--text-muted);font-size:.85rem}.meta-card:hover{transform:translateY(-4px);border-color:var(--border-strong)}.hero-panel{display:flex;justify-content:center}.profile-card{width:min(100%,420px);background:var(--card-bg);border:1px solid var(--border-strong);border-radius:24px;padding:2rem;box-shadow:var(--shadow-soft);animation:card-float 1s ease both;transition:transform .3s ease,box-shadow .3s ease}.profile-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-strong)}.profile-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1.5rem}.profile-header h2{margin:0 0 .25rem}.profile-header p{margin:0;color:var(--text-muted)}.status-pill{border-radius:999px;padding:.35rem .8rem;font-size:.75rem;background:color-mix(in srgb,var(--accent) 30%,transparent);color:var(--text-primary)}.profile-info{display:grid;gap:.85rem;margin-bottom:1.5rem}.profile-info span{display:block;color:var(--text-muted);font-size:.8rem;margin-bottom:.35rem}.profile-info a{font-weight:500}.profile-links{display:flex;flex-wrap:wrap;gap:.75rem}.chip{border-radius:999px;border:1px solid var(--border-strong);padding:.4rem 1rem;font-size:.85rem;color:var(--text-primary);background:var(--chip-bg);transition:all .2s ease;text-align:center;display:inline-flex;align-items:center;justify-content:center}.chip:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.update{margin-top:1.5rem;color:var(--text-muted);font-size:.8rem}.section{padding:4rem 2.5rem}.section-title{max-width:1200px;margin:0 auto 2.5rem}.section-title p{text-transform:uppercase;letter-spacing:.4em;font-size:.75rem;color:var(--text-muted);margin-bottom:.6rem}.section-title h2{margin:0;font-size:clamp(2rem,2.6vw,2.6rem)}.about-grid{max-width:1200px;margin:0 auto;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));align-items:start}.about-grid p{color:var(--text-muted);font-size:1.05rem}.about-cards{display:grid;gap:1.5rem}.about-card{padding:1.5rem;border-radius:18px;border:1px solid var(--border-subtle);background:var(--card-bg);transition:transform .2s ease,border-color .2s ease}.about-card:hover{transform:translateY(-4px);border-color:var(--border-strong)}.resume{background:var(--section-bg)}.resume-grid{max-width:1200px;margin:0 auto;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.resume-split{max-width:1200px;margin:0 auto;display:grid;gap:2rem;grid-template-columns:.3fr .7fr;align-items:start}.resume-meta-grid{margin-top:2rem}.timeline-layout{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}.resume-card{border-radius:20px;padding:1.8rem;border:1px solid var(--border-subtle);background:var(--card-bg);display:grid;gap:1.4rem;transition:transform .2s ease,border-color .2s ease;align-content:start}.resume-card:hover{transform:translateY(-4px);border-color:var(--border-strong)}.timeline-card{grid-column:auto}.timeline{display:grid;gap:1.5rem;position:relative;padding-left:1.5rem}.timeline-list{padding-left:0;gap:.9rem}.timeline-list:before{display:none}.timeline:before{content:"";position:absolute;left:.4rem;top:.4rem;bottom:.4rem;width:2px;background:var(--border-strong)}.timeline-item{display:grid;grid-template-columns:auto 1fr;gap:1rem;align-items:start}.timeline-item-button{width:100%;background:var(--card-bg);border:1px solid var(--border-subtle);border-radius:16px;padding:.9rem;display:grid;grid-template-columns:auto 1fr;gap:.85rem;text-align:left;cursor:pointer;transition:transform .2s ease,border-color .2s ease,background .2s ease}.timeline-item-button:hover{transform:translateY(-3px);border-color:var(--border-strong)}.timeline-item-button.active{border-color:var(--accent);background:color-mix(in srgb,var(--card-bg) 70%,var(--accent) 10%)}.timeline-item-line{width:12px;height:12px;border-radius:50%;border:2px solid var(--border-strong);margin-top:.45rem}.timeline-item-button.active .timeline-item-line{border-color:var(--accent);background:var(--accent)}.timeline-item-content{display:flex;justify-content:space-between;gap:.75rem}.timeline-item-content p{color:var(--text-muted);font-size:.9rem}.timeline-item-content span{color:var(--text-muted);font-size:.85rem;white-space:nowrap}.timeline-icon{width:36px;height:36px;border-radius:12px;background:var(--chip-bg);border:1px solid var(--border-strong);display:grid;place-items:center;color:var(--text-primary);transition:transform .2s ease,border-color .2s ease}.timeline-item:hover .timeline-icon{transform:translateY(-2px);border-color:var(--accent)}.timeline-icon svg{width:18px;height:18px}.accordion{border-radius:16px;border:1px solid var(--border-subtle);background:color-mix(in srgb,var(--card-bg) 80%,transparent);padding:.3rem .8rem;transition:border-color .2s ease,transform .2s ease}.accordion[open]{border-color:var(--border-strong)}.resume-detail{display:grid;gap:1.2rem}.resume-detail-header{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start}.resume-detail-text{color:var(--text-muted)}.resume-detail-list{padding-left:1.1rem;color:var(--text-muted)}.resume-detail-image{border-radius:20px;padding:1rem;border:1px solid var(--border-subtle);background:var(--card-bg);max-width:450px;margin:0 auto}.resume-detail-image.full-width{max-width:100%}.resume-detail-image img{width:100%;border-radius:16px;display:block}.accordion summary{list-style:none;display:flex;justify-content:space-between;gap:1rem;cursor:pointer;padding:.8rem .2rem}.accordion summary::-webkit-details-marker{display:none}.accordion summary h4{margin-bottom:.15rem}.accordion summary p{color:var(--text-muted);font-size:.9rem}.accordion summary span{color:var(--text-muted);font-size:.85rem;white-space:nowrap}.accordion-body{color:var(--text-muted);padding:0 .4rem .9rem}.accordion-body ul{padding-left:1.1rem}.entry{display:grid;gap:.6rem}.entry span{color:var(--text-muted);font-size:.85rem}.achievements-section{display:grid;gap:1.5rem}.achievement-category{display:grid;gap:.75rem}.achievement-category h4{font-size:.75rem;font-weight:600;letter-spacing:.1em;color:var(--text-muted);margin:0}.achievement-item{display:flex;gap:.75rem;align-items:flex-start}.achievement-item .year{flex-shrink:0;font-weight:600;color:var(--accent);font-size:.9rem;min-width:40px}.achievement-item p{margin:0;color:var(--text-primary);font-size:.95rem;line-height:1.5}.resume-card ul{margin:.5rem 0 0;padding-left:1.1rem;color:var(--text-muted)}.resume-card li{margin-bottom:.4rem}.skills-grid{display:grid;gap:1rem}.skills-grid h4{margin-bottom:.3rem}.muted{color:var(--text-muted)}.datagram,.stack{padding-top:2rem}.stack-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1rem}.stack-card{border-radius:16px;padding:1.2rem 1rem;border:1px solid var(--border-subtle);background:var(--card-bg);display:grid;place-items:center;gap:.75rem;text-align:center;color:var(--text-primary);font-weight:500;transition:transform .2s ease,border-color .2s ease}.stack-card img{width:36px;height:36px;filter:drop-shadow(0 6px 12px rgba(0,0,0,.15))}.stack-card:hover{transform:translateY(-4px);border-color:var(--border-strong)}.data-science{background:var(--section-bg)}.data-science-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:2rem}.data-science-column{display:grid;gap:1.5rem}.data-science-card{border-radius:20px;padding:2rem;background:var(--card-bg);border:1px solid var(--border-subtle);display:grid;gap:1rem;transition:transform .2s ease,border-color .2s ease}.data-science-card:hover{transform:translateY(-4px);border-color:var(--border-strong)}.data-science-stack{display:grid;gap:1rem;height:750px}.data-chip{border-radius:18px;padding:.75rem 1.1rem;background:var(--card-bg);border:1px solid var(--border-subtle);display:grid;gap:.25rem;transition:transform .2s ease,border-color .2s ease}.data-chip-header{display:flex;align-items:center;gap:.75rem}.data-chip-header img{width:40px;height:40px;filter:drop-shadow(0 10px 18px rgba(0,0,0,.2))}.data-chip p{font-size:.9rem;line-height:1.5}.data-chip:hover{transform:translateY(-3px);border-color:var(--border-strong)}.data-visual{border-radius:24px;padding:1.5rem;border:1px solid var(--border-strong);background:var(--card-bg);box-shadow:var(--shadow-soft);transition:transform .2s ease,border-color .2s ease;text-align:center}.data-visual img{width:100%;border-radius:18px;display:block}.data-caption{margin-top:.9rem;color:var(--text-muted);font-size:.9rem}.data-visual:hover{transform:translateY(-4px);border-color:var(--border-strong)}.datagram-card{max-width:1200px;margin:0 auto;border-radius:24px;padding:2.5rem;background:linear-gradient(135deg,var(--card-bg),var(--card-glow));border:1px solid var(--border-strong);display:flex;align-items:center;justify-content:space-between;gap:2rem;flex-wrap:wrap;animation:glow-fade 1s ease both}.datagram-showcase{max-width:1200px;margin:0 auto;border-radius:24px;padding:3rem;background:linear-gradient(135deg,var(--card-bg),var(--card-glow));border:1px solid var(--border-strong);animation:glow-fade 1s ease both;display:flex;flex-direction:column;gap:3rem}.datagram-header{display:flex;gap:2.5rem;align-items:flex-start}.datagram-logo{width:120px;height:120px;border-radius:20px;object-fit:contain;border:1px solid var(--border-subtle);background:#fff;padding:1rem;flex-shrink:0}.datagram-intro{flex:1}.datagram-intro h3{font-size:2rem;font-weight:700;margin-bottom:.75rem;background:linear-gradient(135deg,var(--accent),var(--accent-2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.datagram-tagline{font-size:1.15rem;font-weight:500;color:var(--text-primary);margin-bottom:1rem;line-height:1.6}.datagram-description{color:var(--text-muted);line-height:1.7;font-size:1rem}.datagram-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem}.metric-card{background:var(--card-bg);border:1px solid var(--border-subtle);border-radius:16px;padding:1.75rem;transition:all .3s ease}.metric-card:hover{transform:translateY(-4px);border-color:var(--border-strong);box-shadow:0 8px 24px #0000001a}.metric-value{font-size:2.5rem;font-weight:700;background:linear-gradient(135deg,var(--accent),var(--accent-2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem}.metric-label{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.metric-description{font-size:.9rem;color:var(--text-muted);line-height:1.5}.datagram-tech{display:flex;flex-direction:column;gap:1rem;padding:1.5rem;background:var(--card-bg);border:1px solid var(--border-subtle);border-radius:16px}.tech-label{font-size:.9rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.tech-stack-list{display:flex;flex-wrap:wrap;gap:.75rem}.tech-badge{padding:.5rem 1rem;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff;border-radius:8px;font-size:.9rem;font-weight:500;transition:transform .2s ease}.tech-badge:hover{transform:scale(1.05)}.datagram-showcase .btn{align-self:center;margin-top:1rem}@media(max-width:768px){.datagram-header{flex-direction:column;gap:1.5rem}.datagram-logo{width:80px;height:80px}.datagram-intro h3{font-size:1.5rem}.datagram-metrics{grid-template-columns:1fr}.datagram-showcase{padding:2rem 1.5rem}}.contact{background:var(--section-bg)}.contact-grid{max-width:1200px;margin:0 auto;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.contact-card{border-radius:20px;padding:2rem;background:var(--card-bg);border:1px solid var(--border-subtle);display:grid;gap:1rem;transition:transform .2s ease,border-color .2s ease}.contact-card:hover{transform:translateY(-4px);border-color:var(--border-strong)}.contact-info{display:grid;gap:.5rem;font-weight:500}.footer{text-align:center;padding:2.5rem;color:var(--text-muted)}section{scroll-margin-top:100px}@media(max-width:900px){.nav-links{display:none}.nav-inner{padding:1rem 1.5rem}.hero{padding:4rem 1.5rem 2rem}.section{padding:3.5rem 1.5rem}.timeline-layout{grid-template-columns:1fr}.timeline-card{grid-column:span 1}.resume-split{grid-template-columns:1fr}.accordion summary{flex-direction:column;align-items:flex-start}.data-science-grid{grid-template-columns:1fr}}@keyframes nav-slide{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}@keyframes page-fade{0%{opacity:0}to{opacity:1}}@keyframes text-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes card-float{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes glow-fade{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.datagram-button{display:flex;justify-content:center}