:root{--bg:#fff;--bg-alt:#f8fafc;--surface:#f8fafc;--surface-hover:#f1f5f9;--border:#e2e8f0;--border-hover:#cbd5e1;--text:#0f172a;--text-dim:#475569;--text-faint:#94a3b8;--accent:#4f46e5;--accent-2:#818cf8;--accent-soft:#4f46e512;--accent-border:#4f46e538;--accent-2-soft:#818cf81a;--accent-2-border:#818cf84d;--grad:linear-gradient(120deg, var(--accent), var(--accent-2));--radius-sm:10px;--radius:14px;--radius-lg:20px;--radius-full:999px;--sp-1:8px;--sp-2:12px;--sp-3:16px;--sp-4:24px;--sp-5:32px;--sp-6:48px;--sp-7:64px;--sp-8:96px;--fs-xs:.76rem;--fs-sm:.85rem;--fs-base:1rem;--fs-md:1.05rem;--fs-lg:1.2rem;--fs-xl:clamp(1.6rem, 3.2vw, 2.2rem);--fs-hero:clamp(2.2rem, 5.5vw, 3.6rem);--max-width:1120px;--shadow:0 20px 40px -20px #0f172a1f;--shadow-lg:0 24px 60px -24px #0f172a2e;--ease:cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:var(--fs-base);-webkit-font-smoothing:antialiased;line-height:1.6;position:relative;overflow-x:hidden}.noise-bg{z-index:-1;background:radial-gradient(circle at 15% 10%, var(--accent-soft), transparent 45%), radial-gradient(circle at 85% 25%, var(--accent-2-soft), transparent 40%), radial-gradient(circle at 50% 85%, var(--accent-soft), transparent 45%);pointer-events:none;position:fixed;inset:0}.container{max-width:var(--max-width);padding:0 var(--sp-4);margin:0 auto}a{color:inherit;text-decoration:none}ul{list-style:none}.tag-list{gap:var(--sp-1);flex-wrap:wrap;display:flex}.tag-list span{font-size:var(--fs-xs);color:var(--text-dim);background:var(--bg-alt);border:1px solid var(--border);border-radius:var(--radius-full);transition:border-color .2s var(--ease), color .2s var(--ease);padding:5px 12px;font-weight:500}.project-card:hover .tag-list span,.tag-list span:hover{border-color:var(--border-hover);color:var(--text)}.badge{font-size:var(--fs-xs);letter-spacing:.02em;color:var(--accent);background:var(--accent-soft);border:1px solid var(--accent-border);border-radius:var(--radius-full);padding:5px 12px;font-weight:600;display:inline-block}.nav-wrap{z-index:100;background:color-mix(in srgb, var(--bg) 75%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);transition:background .2s var(--ease), border-color .2s var(--ease);position:sticky;top:0}.nav-wrap.scrolled{background:color-mix(in srgb, var(--bg) 92%, transparent);border-bottom-color:var(--border-hover)}.scroll-progress{background:var(--grad);transform-origin:0;width:100%;height:2px;position:absolute;bottom:-1px;left:0;transform:scaleX(0)}.nav{justify-content:space-between;align-items:center;height:72px;display:flex}.logo{font-size:var(--fs-lg);letter-spacing:-.02em;font-weight:700}.logo .dot{color:var(--accent)}.nav-links{align-items:center;gap:var(--sp-5);display:flex}.nav-links a{font-size:var(--fs-sm);color:var(--text-dim);transition:color .2s var(--ease)}.nav-links a:hover{color:var(--text)}.nav-links a.active{color:var(--accent)}.nav-cta{border:1px solid var(--border);border-radius:var(--radius-full);transition:border-color .2s var(--ease), color .2s var(--ease);padding:8px 18px;color:var(--text)!important}.nav-cta:hover{border-color:var(--accent);color:var(--accent)!important}.nav-toggle{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:5px;padding:8px;display:none}.nav-toggle span{background:var(--text);border-radius:2px;width:22px;height:2px}.hero{padding:120px var(--sp-4) var(--sp-7);max-width:var(--max-width);position:relative;overflow:hidden}.hero:before,.hero:after{content:"";filter:blur(70px);pointer-events:none;border-radius:50%;position:absolute}.hero:before{background:radial-gradient(circle, var(--accent-soft), transparent 70%);width:380px;height:380px;top:-140px;right:-100px}.hero:after{background:radial-gradient(circle, var(--accent-2-soft), transparent 70%);width:320px;height:320px;bottom:-160px;left:-80px}@keyframes fade-up{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.hero-tag,.hero-title,.hero-sub,.hero-actions,.hero-stats{animation:fade-up .7s var(--ease) both}.hero-tag{animation-delay:50ms}.hero-title{animation-delay:.15s}.hero-sub{animation-delay:.25s}.hero-actions{animation-delay:.35s}.hero-stats{animation-delay:.45s}.hero-tag{margin-bottom:var(--sp-4)}.hero-title{font-size:var(--fs-hero);letter-spacing:-.03em;max-width:780px;margin-bottom:var(--sp-3);font-weight:800;line-height:1.12}.grad-text{background:var(--grad);color:#0000;-webkit-background-clip:text;background-clip:text}.hero-sub{font-size:var(--fs-md);color:var(--text-dim);max-width:620px;margin-bottom:var(--sp-5)}.hero-actions{gap:var(--sp-3);margin-bottom:var(--sp-7);flex-wrap:wrap;display:flex}.btn{border-radius:var(--radius-full);font-size:var(--fs-sm);transition:all .2s var(--ease);white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;padding:13px 26px;font-weight:600;display:inline-flex}.btn-primary{background:var(--grad);color:#fff}.btn-primary:hover{filter:brightness(1.08);transform:translateY(-1px)}.btn-ghost{border-color:var(--border);color:var(--text)}.btn-ghost:hover{border-color:var(--accent);color:var(--accent)}.hero-stats{gap:var(--sp-4);border-top:1px solid var(--border);padding-top:var(--sp-5);grid-template-columns:repeat(4,1fr);max-width:780px;display:grid}.stat{flex-direction:column;gap:4px;display:flex}.stat-num{background:var(--grad);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:1.9rem;font-weight:800}.stat-label{font-size:var(--fs-xs);color:var(--text-faint)}.section{padding:var(--sp-8) var(--sp-4)}.section-head{margin-bottom:var(--sp-6);max-width:640px}.section-eyebrow{font-size:var(--fs-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--accent-2);margin-bottom:var(--sp-2);font-weight:600;display:block}.section-title{font-size:var(--fs-xl);letter-spacing:-.02em;font-weight:800}.about-grid{gap:var(--sp-6);grid-template-columns:1.3fr 1fr;align-items:start;display:grid}.about-text{color:var(--text-dim);margin-bottom:var(--sp-3);font-size:var(--fs-md)}.about-highlights{gap:var(--sp-3);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:var(--sp-5);flex-direction:column;display:flex}.about-highlights li{font-size:var(--fs-sm);color:var(--text-dim);padding-left:22px;position:relative}.about-highlights li:before{content:"";background:var(--grad);border-radius:2px;width:8px;height:8px;position:absolute;top:8px;left:0}.timeline{padding-left:var(--sp-5);border-left:1px solid var(--border);gap:var(--sp-6);flex-direction:column;display:flex;position:relative}.timeline-item{position:relative}.timeline-dot{background:var(--bg);border:2px solid var(--accent);width:12px;height:12px;box-shadow:0 0 0 4px var(--accent-soft);border-radius:50%;position:absolute;top:4px;left:-37.5px}.timeline-meta{align-items:baseline;gap:var(--sp-3);flex-wrap:wrap;margin-bottom:4px;display:flex}.timeline-role{font-size:var(--fs-lg);font-weight:700}.timeline-company{font-size:var(--fs-sm);color:var(--text-faint);margin-bottom:var(--sp-2)}.timeline-desc{color:var(--text-dim);max-width:680px;margin-bottom:var(--sp-3);font-size:var(--fs-base)}.project-filters{gap:var(--sp-2);margin-bottom:var(--sp-5);flex-wrap:wrap;display:flex}.project-filter{font:inherit;font-size:var(--fs-sm);color:var(--text-dim);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-full);cursor:pointer;transition:border-color .2s var(--ease), color .2s var(--ease), background .2s var(--ease);padding:8px 18px;font-weight:600}.project-filter:hover{border-color:var(--border-hover);color:var(--text)}.project-filter.active{color:var(--accent);background:var(--accent-soft);border-color:var(--accent-border)}.project-grid{gap:var(--sp-4);grid-template-columns:repeat(3,1fr);display:grid}.project-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:var(--sp-5);transition:transform .25s var(--ease), border-color .25s var(--ease), background .25s var(--ease), box-shadow .25s var(--ease);position:relative;overflow:hidden}.project-card:before{content:"";height:3px;position:absolute;top:0;left:0;right:0}.project-card.accent-cyan:before{background:var(--accent)}.project-card.accent-violet:before{background:var(--accent-2)}.project-card:hover{background:var(--surface-hover);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.project-card.accent-cyan:hover{border-color:var(--accent-border)}.project-card.accent-violet:hover{border-color:var(--accent-2-border)}.project-card:after,.skill-group:after{content:"";background:radial-gradient(240px circle at var(--mx,50%) var(--my,50%), var(--accent-soft), transparent 70%);opacity:0;transition:opacity .4s var(--ease);pointer-events:none;position:absolute;inset:0}.project-card.accent-violet:after,.skill-group.accent-violet:after{background:radial-gradient(240px circle at var(--mx,50%) var(--my,50%), var(--accent-2-soft), transparent 70%)}.project-card:hover:after,.skill-group:hover:after{opacity:1}.project-icon{margin-bottom:var(--sp-3);font-size:1.8rem}.project-title{font-size:var(--fs-md);margin-bottom:var(--sp-2);font-weight:700}.project-desc{font-size:var(--fs-sm);color:var(--text-dim);margin-bottom:var(--sp-3)}.skills-grid{gap:var(--sp-4);grid-template-columns:repeat(3,1fr);display:grid}.skill-group{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:var(--sp-4);transition:transform .25s var(--ease), border-color .25s var(--ease), box-shadow .25s var(--ease);position:relative;overflow:hidden}.skill-group:before{content:"";height:3px;position:absolute;top:0;left:0;right:0}.skill-group:hover{box-shadow:var(--shadow);transform:translateY(-3px)}.skill-group.accent-cyan:before{background:var(--accent)}.skill-group.accent-violet:before{background:var(--accent-2)}.skill-group.accent-cyan:hover{border-color:var(--accent-border)}.skill-group.accent-violet:hover{border-color:var(--accent-2-border)}.skill-group h3{align-items:center;gap:var(--sp-2);font-size:var(--fs-sm);margin-bottom:var(--sp-3);color:var(--text);font-weight:700;display:flex}.skill-icon{font-size:1.1rem;line-height:1}.skill-group.accent-cyan .tag-list span{color:var(--accent);background:var(--accent-soft);border-color:var(--accent-border)}.skill-group.accent-violet .tag-list span{color:var(--accent-2);background:var(--accent-2-soft);border-color:var(--accent-2-border)}.skill-group.accent-cyan .tag-list span:hover{color:var(--bg);background:var(--accent)}.skill-group.accent-violet .tag-list span:hover{color:var(--bg);background:var(--accent-2)}.contact-box{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--sp-6);text-align:center}.contact-box .section-head{margin:0 auto var(--sp-2);text-align:center}.contact-box .section-head .section-eyebrow{text-align:center}.contact-text{color:var(--text-dim);max-width:520px;margin:0 auto var(--sp-5)}.contact-links{gap:var(--sp-3);flex-wrap:wrap;justify-content:center;display:flex}.back-to-top{right:var(--sp-4);bottom:var(--sp-4);z-index:90;background:var(--surface);border:1px solid var(--border);width:44px;height:44px;color:var(--text-dim);cursor:pointer;opacity:0;pointer-events:none;transition:opacity .25s var(--ease), transform .25s var(--ease), border-color .25s var(--ease), color .25s var(--ease), background .25s var(--ease);border-radius:50%;justify-content:center;align-items:center;display:flex;position:fixed;transform:translateY(12px)}.back-to-top.visible{opacity:1;pointer-events:auto;transform:translateY(0)}.back-to-top:hover{border-color:var(--accent);color:var(--accent);background:var(--surface-hover)}.footer{padding:var(--sp-4) var(--sp-4) var(--sp-6);text-align:center;color:var(--text-faint);font-size:var(--fs-sm);border-top:1px solid var(--border)}.reveal{opacity:0;transition:opacity .6s var(--ease), transform .6s var(--ease);transform:translateY(16px)}.reveal.in-view{opacity:1;transform:translateY(0)}@media (width<=860px){.about-grid{grid-template-columns:1fr}.project-grid,.skills-grid{grid-template-columns:repeat(2,1fr)}.hero-stats{row-gap:var(--sp-4);grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.nav-links{background:var(--bg-alt);border-bottom:1px solid var(--border);padding:var(--sp-4) var(--sp-4) var(--sp-5);align-items:flex-start;gap:var(--sp-3);flex-direction:column;display:none;position:absolute;top:72px;left:0;right:0}.nav-links.open,.nav-toggle{display:flex}.hero{padding:80px var(--sp-4) var(--sp-6)}.project-grid,.skills-grid{grid-template-columns:1fr}.contact-box{padding:var(--sp-5) var(--sp-4)}.timeline{padding-left:var(--sp-4)}.timeline-dot{left:-29.5px}}