@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";:root{--font:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--c-bg:#f8fafc;--c-bg-elevated:#fff;--c-bg-card:#fff;--c-bg-card-hover:#f1f5f9;--c-bg-glass:#ffffffb3;--c-border:#e2e8f0;--c-border-hover:#cbd5e1;--c-text:#0f172a;--c-text-secondary:#475569;--c-text-muted:#64748b;--c-accent:#4f46e5;--c-accent-glow:#4f46e526;--c-accent-light:#6366f1;--c-gradient:linear-gradient(135deg, #4f46e5, #7c3aed, #9333ea);--c-gradient-text:linear-gradient(135deg, #312e81, #4338ca, #4f46e5);--container:960px;--section-pad:80px;--r-sm:8px;--r-md:12px;--r-lg:16px;--r-xl:24px;--r-pill:100px;--t-fast:.15s ease;--t-base:.25s ease;--t-slow:.4s cubic-bezier(.25, .46, .45, .94)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:80px;font-size:16px;overflow-x:hidden}body{font-family:var(--font);color:var(--c-text);background:var(--c-bg);-webkit-font-smoothing:antialiased;line-height:1.6;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:-1;background-image:radial-gradient(#00000014 1.5px,#0000 1.5px);background-size:32px 32px;position:fixed;inset:0}.bg-glow-1,.bg-glow-2{pointer-events:none;z-index:-2;filter:blur(140px);border-radius:50%;position:fixed}.bg-glow-1{background:#6366f11f;width:60vw;height:60vh;animation:20s ease-in-out infinite float;top:-10vh;left:-10vw}.bg-glow-2{background:#9333ea14;width:50vw;height:50vh;animation:25s ease-in-out infinite reverse float;bottom:-20vh;right:-10vw}a{color:inherit;text-decoration:none}ul{list-style:none}img{max-width:100%;display:block}.container{max-width:var(--container);z-index:1;margin:0 auto;padding:0 24px;position:relative}section{padding:var(--section-pad) 0;position:relative}.section-label{letter-spacing:.15em;text-transform:uppercase;color:var(--c-accent-light);margin-bottom:12px;font-size:.7rem;font-weight:700;display:inline-block}.section-title{letter-spacing:-.03em;background:var(--c-gradient-text);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:12px;font-size:2.5rem;font-weight:800;line-height:1.15}.section-subtitle{color:var(--c-text-secondary);max-width:560px;margin-bottom:48px;font-size:1.05rem;line-height:1.7}.navbar{z-index:1000;width:calc(100% - 48px);max-width:880px;position:fixed;top:16px;left:50%;transform:translate(-50%)}.navbar-inner{background:var(--c-bg-glass);-webkit-backdrop-filter:blur(20px);border:1px solid var(--c-border);border-radius:var(--r-pill);transition:border-color var(--t-base), box-shadow var(--t-base);justify-content:space-between;align-items:center;padding:12px 24px;display:flex}.navbar.scrolled .navbar-inner{border-color:var(--c-border-hover);box-shadow:0 8px 32px #0000004d}.nav-logo{color:var(--c-text);white-space:nowrap;font-size:.95rem;font-weight:700}.nav-links{gap:8px;display:flex}.nav-links a{color:var(--c-text-secondary);border-radius:var(--r-sm);transition:color var(--t-fast), background var(--t-fast);padding:6px 12px;font-size:.82rem;font-weight:500}.nav-links a:hover,.nav-links a.active{color:var(--c-text);background:#0000000d}.nav-resume{color:#fff;background:var(--c-accent);border-radius:var(--r-pill);transition:all var(--t-fast);white-space:nowrap;padding:8px 20px;font-size:.82rem;font-weight:600}.nav-resume:hover{box-shadow:0 4px 20px var(--c-accent-glow);background:#5558e6;transform:translateY(-1px)}.mobile-toggle{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:5px;padding:6px;display:none}.mobile-toggle span{background:var(--c-text);border-radius:2px;width:20px;height:2px;transition:all .3s;display:block}.btn{font-family:var(--font);border-radius:var(--r-md);cursor:pointer;transition:all var(--t-base);border:none;align-items:center;gap:8px;padding:14px 28px;font-size:.9rem;font-weight:600;display:inline-flex}.btn-primary{background:var(--c-accent);color:#fff}.btn-primary:hover{box-shadow:0 8px 30px var(--c-accent-glow);background:#5558e6;transform:translateY(-2px)}.btn-outline{color:var(--c-text);border:1px solid var(--c-border);background:0 0}.btn-outline:hover{border-color:var(--c-accent);color:var(--c-accent-light);transform:translateY(-2px)}.btn-back{color:var(--c-text-secondary);transition:color var(--t-fast);align-items:center;gap:8px;padding:10px 0;font-size:.9rem;font-weight:500;display:inline-flex}.btn-back:hover{color:var(--c-accent-light)}.card{background:var(--c-bg-card);border:1px solid var(--c-border);border-radius:var(--r-lg);transition:all var(--t-base);padding:28px}.card:hover{background:var(--c-bg-card-hover);border-color:var(--c-border-hover);transform:translateY(-2px)}.tag{color:var(--c-text-secondary);border:1px solid var(--c-border);border-radius:var(--r-pill);transition:border-color var(--t-fast);background:#ffffff0d;padding:5px 14px;font-size:.78rem;font-weight:500;display:inline-block}.tag-sm{padding:3px 10px;font-size:.72rem}.hero{align-items:center;min-height:100vh;padding:160px 0 100px;display:flex;position:relative;overflow:hidden}.hero:before{content:"";background:radial-gradient(circle, var(--c-accent-glow) 0%, transparent 70%);pointer-events:none;border-radius:50%;width:500px;height:500px;animation:8s ease-in-out infinite float;position:absolute;top:-100px;right:-100px}.hero:after{content:"";pointer-events:none;background:radial-gradient(circle,#8b5cf61f 0%,#0000 70%);border-radius:50%;width:400px;height:400px;animation:10s ease-in-out infinite reverse float;position:absolute;bottom:-50px;left:-150px}@keyframes float{0%,to{transform:translate(0)}50%{transform:translate(30px,-30px)}}.hero-grid{grid-template-columns:1.2fr .8fr;align-items:center;gap:60px;display:grid}.hero-tag{color:var(--c-text-secondary);border:1px solid var(--c-border);border-radius:var(--r-pill);background:#ffffff0a;margin-bottom:24px;padding:8px 20px;font-size:.78rem;font-weight:500;display:inline-block}.hero-name{letter-spacing:-.04em;background:linear-gradient(135deg,#0f172a 0%,#312e81 50%,#4338ca 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:24px;font-size:4rem;font-weight:800;line-height:1.05}.hero-subtitle{color:var(--c-text);margin-bottom:16px;font-size:1.3rem;font-weight:500;line-height:1.5}.hero-description{color:var(--c-text-secondary);margin-bottom:32px;font-size:1rem;line-height:1.7}.hero-buttons{flex-wrap:wrap;gap:12px;margin-bottom:32px;display:flex}.hero-socials{gap:16px;display:flex}.hero-socials a{color:var(--c-text-muted);transition:color var(--t-fast), transform var(--t-fast)}.hero-socials a:hover{color:var(--c-accent-light);transform:translateY(-2px)}.hero-image-wrapper{justify-content:flex-end;display:flex;position:relative}.hero-image-wrapper:before{content:"";background:var(--c-gradient);border-radius:var(--r-xl);opacity:.3;filter:blur(20px);z-index:0;position:absolute;inset:-2px}.hero-image{object-fit:cover;object-position:top;border-radius:var(--r-xl);border:1px solid var(--c-border);z-index:1;background:var(--c-bg-elevated);width:300px;height:360px;position:relative}.about-grid{grid-template-columns:1fr 1fr;gap:60px;margin-bottom:48px;display:grid}.about-text p{color:var(--c-text-secondary);margin-bottom:20px;font-size:1rem;line-height:1.8}.timeline-title{letter-spacing:.15em;color:var(--c-text-muted);text-transform:uppercase;margin-bottom:24px;font-size:.7rem;font-weight:700}.timeline{border-left:1px solid var(--c-border);padding-left:24px;position:relative}.timeline-item{padding-bottom:28px;position:relative}.timeline-item:last-child{padding-bottom:0}.timeline-dot{border:2px solid var(--c-accent);background:var(--c-bg);border-radius:50%;width:10px;height:10px;position:absolute;top:5px;left:-29px}.timeline-content h4{color:var(--c-text);margin-bottom:2px;font-size:.95rem;font-weight:700}.timeline-content p{color:var(--c-text-muted);font-size:.85rem}.tools-section{margin-top:48px}.tools-title{letter-spacing:.15em;color:var(--c-text-muted);text-transform:uppercase;margin-bottom:16px;font-size:.7rem;font-weight:700}.tools-tags{flex-wrap:wrap;gap:8px;display:flex}.experience-card{margin-bottom:20px}.exp-header{flex-wrap:wrap;align-items:baseline;gap:12px;margin-bottom:20px;display:flex}.exp-company{color:var(--c-text);font-size:1.2rem;font-weight:700}.exp-role{color:var(--c-accent-light);font-size:.9rem;font-weight:500}.exp-highlights{flex-wrap:wrap;gap:10px;margin-bottom:16px;display:flex}.exp-highlight{color:var(--c-text);border-radius:var(--r-pill);background:#6366f114;border:1px solid #6366f126;align-items:center;gap:6px;padding:6px 16px;font-size:.82rem;font-weight:600;display:inline-flex}.exp-highlight .highlight-num{color:var(--c-accent-light);font-weight:700}.exp-bullets{padding-left:0}.exp-bullets li{color:var(--c-text-secondary);margin-bottom:6px;padding-left:20px;font-size:.92rem;line-height:1.7;position:relative}.exp-bullets li:before{content:"→";color:var(--c-accent);font-size:.85rem;position:absolute;left:0}.case-study-card{margin-bottom:16px;overflow:hidden}.cs-header{cursor:pointer;transition:background var(--t-fast);border-radius:var(--r-lg);justify-content:space-between;align-items:flex-start;padding:24px 28px;display:flex}.cs-header:hover{background:#ffffff05}.cs-left{flex:1}.cs-right{text-align:right;flex-direction:column;flex-shrink:0;align-items:flex-end;gap:4px;margin-left:32px;display:flex}.cs-tag{letter-spacing:.05em;border-radius:var(--r-pill);margin-bottom:10px;padding:4px 12px;font-size:.7rem;font-weight:700;display:inline-block}.cs-tag-blue{color:#a5b4fc;background:#6366f126}.cs-tag-orange{color:#fdba74;background:#fb923c26}.cs-tag-teal{color:#5eead4;background:#2dd4bf26}.cs-tag-purple{color:#d8b4fe;background:#a855f726}.cs-title{color:var(--c-text);margin-bottom:6px;font-size:1.15rem;font-weight:700}.cs-preview{color:var(--c-text-muted);font-size:.88rem}.cs-impact-label{letter-spacing:.1em;color:var(--c-accent-light);text-transform:uppercase;font-size:.65rem;font-weight:700}.cs-impact-value{color:var(--c-text);font-size:1.05rem;font-weight:700}.cs-toggle{border:1px solid var(--c-border);cursor:pointer;width:30px;height:30px;transition:all var(--t-fast);color:var(--c-text-muted);background:#ffffff0d;border-radius:50%;justify-content:center;align-items:center;margin-top:8px;display:flex}.cs-toggle:hover{background:var(--c-accent);color:#fff;border-color:var(--c-accent)}.cs-toggle.open svg{transform:rotate(180deg)}.cs-details{max-height:0;transition:max-height .4s;overflow:hidden}.cs-details.open{max-height:800px}.cs-details-inner{border-top:1px solid var(--c-border);padding:0 28px 28px}.cs-details-grid{grid-template-columns:1fr 1fr;gap:20px;margin-bottom:24px;padding-top:24px;display:grid}.cs-detail-item h4{letter-spacing:.12em;color:var(--c-accent-light);text-transform:uppercase;margin-bottom:6px;font-size:.65rem;font-weight:700}.cs-detail-item p{color:var(--c-text-secondary);font-size:.88rem;line-height:1.6}.cs-project-details{border:1px solid var(--c-border);border-radius:var(--r-md);background:#ffffff05;padding:20px}.cs-project-details>h4{letter-spacing:.12em;color:var(--c-text-muted);text-transform:uppercase;margin-bottom:16px;font-size:.65rem;font-weight:700}.cs-meta{flex-wrap:wrap;gap:32px;margin-bottom:16px;display:flex}.cs-meta-item{color:var(--c-text);flex-direction:column;gap:4px;font-size:.88rem;display:flex}.cs-meta-label{letter-spacing:.08em;color:var(--c-text-muted);text-transform:uppercase;font-size:.65rem;font-weight:600}.cs-meta-tags{flex-wrap:wrap;gap:6px;display:flex}.cs-key-outcome{border-top:1px solid var(--c-border);align-items:center;gap:12px;padding-top:12px;display:flex}.cs-outcome-value{color:var(--c-accent-light);font-size:.95rem;font-weight:700}.skills-grid{grid-template-rows:auto auto;grid-template-columns:1fr 1fr;gap:16px;display:grid}.skill-category{border-radius:var(--r-lg);border:1px solid var(--c-border);transition:border-color var(--t-base);padding:28px}.skill-category:hover{border-color:var(--c-border-hover)}.skill-product{background:#6366f10a;border-color:#6366f11a}.skill-analytics{background:#22c55e0a;border-color:#22c55e1a}.skill-collaboration{background:#fb923c0a;border-color:#fb923c1a}.skill-ai{background:#ec48990a;border-color:#ec48991a}.skill-category-title{letter-spacing:.12em;text-transform:uppercase;margin-bottom:16px;font-size:.7rem;font-weight:700}.skill-title-purple{color:#a5b4fc}.skill-title-green{color:#86efac}.skill-title-orange{color:#fdba74}.skill-title-pink{color:#f9a8d4}.skill-tags{flex-wrap:wrap;gap:8px;display:flex}.skill-tag{color:var(--c-text-secondary);border:1px solid var(--c-border);border-radius:var(--r-sm);transition:border-color var(--t-fast), color var(--t-fast);background:#ffffff0a;padding:6px 14px;font-size:.82rem;font-weight:500;display:inline-block}.skill-tag:hover{border-color:var(--c-border-hover);color:var(--c-text)}.writing-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.writing-card{flex-direction:column;display:flex}.writing-tag{letter-spacing:.08em;text-transform:uppercase;margin-bottom:14px;font-size:.65rem;font-weight:700;display:inline-block}.writing-tag-blue{color:#a5b4fc}.writing-tag-orange{color:#fdba74}.writing-tag-red{color:#fca5a5}.writing-card h3{color:var(--c-text);transition:color var(--t-fast);margin-bottom:10px;font-size:1.05rem;font-weight:700;line-height:1.35}.writing-card:hover h3{color:var(--c-accent-light)}.writing-card p{color:var(--c-text-muted);flex:1;margin-bottom:20px;font-size:.88rem;line-height:1.6}.writing-link{color:var(--c-text-secondary);transition:color var(--t-fast), gap var(--t-base);align-items:center;gap:6px;font-size:.88rem;font-weight:600;display:inline-flex}.writing-card:hover .writing-link{color:var(--c-accent-light);gap:10px}.contact-section{text-align:center;padding:120px 0 80px;position:relative;overflow:hidden}.contact-section:before{content:"";background:radial-gradient(ellipse, var(--c-accent-glow) 0%, transparent 70%);pointer-events:none;opacity:.4;width:600px;height:300px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.contact-title{letter-spacing:-.03em;background:linear-gradient(135deg,#0f172a,#312e81,#4338ca);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:16px;font-size:3rem;font-weight:800;position:relative}.contact-subtitle{color:var(--c-text-secondary);max-width:480px;margin:0 auto 36px;font-size:1.05rem;line-height:1.7;position:relative}.contact-buttons{flex-wrap:wrap;justify-content:center;gap:12px;display:flex;position:relative}.footer{border-top:1px solid var(--c-border);text-align:center;padding:24px 0}.footer p{color:var(--c-text-muted);font-size:.82rem}.article-page{padding:120px 0 80px}.article-header{margin-bottom:48px}.article-tag{letter-spacing:.1em;text-transform:uppercase;margin-bottom:16px;font-size:.7rem;font-weight:700;display:inline-block}.article-tag-blue{color:#a5b4fc}.article-tag-orange{color:#fdba74}.article-tag-red{color:#fca5a5}.article-title{letter-spacing:-.03em;background:var(--c-gradient-text);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:16px;font-size:2.5rem;font-weight:800;line-height:1.15}.article-meta{color:var(--c-text-muted);align-items:center;gap:16px;font-size:.88rem;display:flex}.article-body{max-width:680px}.article-body p{color:var(--c-text-secondary);margin-bottom:24px;font-size:1.05rem;line-height:1.9}.article-body p:first-child{color:var(--c-text);font-size:1.15rem}.article-image-wrapper{border-radius:var(--r-lg);background:var(--c-bg-elevated);border:1px solid var(--c-border);margin:40px 0;overflow:hidden}.article-image{width:100%;height:auto;display:block}.article-caption{color:var(--c-text-muted);text-align:center;border-top:1px solid var(--c-border);background:var(--c-bg-card);padding:12px 20px;font-size:.85rem}.reveal{opacity:0;filter:blur(12px);transition:opacity 1s cubic-bezier(.16,1,.3,1),transform 1s cubic-bezier(.16,1,.3,1),filter 1s cubic-bezier(.16,1,.3,1);transform:translateY(40px)}.reveal.visible{opacity:1;filter:blur();transform:translateY(0)}.reveal-stagger>*{opacity:0;filter:blur(10px);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1),filter .8s cubic-bezier(.16,1,.3,1);transform:translateY(30px)}.reveal-stagger.visible>:first-child{opacity:1;filter:blur();transition-delay:.1s;transform:translateY(0)}.reveal-stagger.visible>:nth-child(2){opacity:1;filter:blur();transition-delay:.18s;transform:translateY(0)}.reveal-stagger.visible>:nth-child(3){opacity:1;filter:blur();transition-delay:.26s;transform:translateY(0)}.reveal-stagger.visible>:nth-child(4){opacity:1;filter:blur();transition-delay:.34s;transform:translateY(0)}.reveal-stagger.visible>:nth-child(5){opacity:1;filter:blur();transition-delay:.42s;transform:translateY(0)}.reveal-stagger.visible>:nth-child(6){opacity:1;filter:blur();transition-delay:.5s;transform:translateY(0)}.reveal-stagger.visible>:nth-child(7){opacity:1;filter:blur();transition-delay:.58s;transform:translateY(0)}.reveal-stagger.visible>:nth-child(8){opacity:1;filter:blur();transition-delay:.66s;transform:translateY(0)}@media (width<=768px){:root{--section-pad:60px}.navbar{width:calc(100% - 24px);top:12px}.nav-links{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--c-border);border-radius:var(--r-md);background:#111118f2;flex-direction:column;gap:2px;padding:12px;display:none;position:absolute;top:56px;left:12px;right:12px}.nav-links.open,.mobile-toggle,.nav-resume-desktop{display:none}.hero{min-height:auto;padding:120px 0 60px}.hero-grid{text-align:center;grid-template-columns:1fr;gap:36px}.hero-name{font-size:2.5rem}.hero-subtitle{font-size:1.1rem}.hero-buttons,.hero-socials{justify-content:center}.hero-image-wrapper{order:-1;justify-content:center}.hero-image{width:200px;height:240px}.about-grid{grid-template-columns:1fr;gap:40px}.skills-grid,.writing-grid{grid-template-columns:1fr}.cs-header{flex-direction:column;gap:16px}.cs-right{align-items:flex-start;margin-left:0}.cs-details-grid{grid-template-columns:1fr}.section-title,.contact-title{font-size:2rem}.article-title{font-size:1.8rem}}@media (width<=480px){.hero-name{font-size:2rem}.contact-title{font-size:1.6rem}.exp-highlights{gap:6px}}