:root{--bg: #0d0d0f;--bg2: #111115;--surface: #17171d;--surface2: #1e1e26;--border: rgba(255,255,255,.07);--border-bright: rgba(255,255,255,.13);--text: #f0eff4;--text-muted: #7c7b8a;--text-dim: #4e4d5a;--accent: #7c6ff7;--accent2: #f7a26f;--accent3: #6fdfb8;--done: #5cb97e;--now: #f7c948;--radius: 16px;--radius-sm: 10px;--max: 900px;--font-display: "Syne", sans-serif;--font-body: "Inter", sans-serif;--font-mono: "JetBrains Mono", monospace;--tt: background .35s, color .35s, border-color .35s, box-shadow .35s}[data-theme=light]{--bg: #f4f3fa;--bg2: #eceaf7;--surface: #ffffff;--surface2: #f0effe;--border: rgba(0,0,0,.08);--border-bright: rgba(0,0,0,.14);--text: #0d0c14;--text-muted: #5a5870;--text-dim: #9896aa;--accent: #5a4fda;--accent2: #c0682e;--accent3: #2aad87;--done: #3a9e5f;--now: #b8890e}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:16px;line-height:1.65;overflow-x:hidden;-webkit-font-smoothing:antialiased;transition:var(--tt)}a{color:inherit;text-decoration:none}strong{font-weight:600}.noise{pointer-events:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:999;opacity:.022;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:200px 200px}.cursor-glow{pointer-events:none;position:fixed;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(124,111,247,.09) 0%,transparent 70%);transform:translate(-50%,-50%);z-index:0}.navbar{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:.9rem 2rem;background:#0d0d0fb8;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-bottom:1px solid var(--border);transition:var(--tt)}[data-theme=light] .navbar{background:#f4f3fad1}.nav-logo{font-family:var(--font-display);font-weight:700;font-size:.95rem;letter-spacing:-.01em;color:var(--text)}.nav-links{display:flex;align-items:center;gap:.2rem}.nav-link{font-size:.82rem;font-weight:500;color:var(--text-muted);padding:.32rem .78rem;border-radius:100px;transition:color .2s,background .2s;cursor:pointer;background:none;border:none;font-family:var(--font-body);display:inline-flex;align-items:center}.nav-link:hover{color:var(--text);background:var(--surface)}.theme-toggle{width:38px;height:38px;border-radius:50%;border:1px solid var(--border-bright);background:var(--surface);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.95rem;transition:all .25s;flex-shrink:0;margin-left:.6rem}.theme-toggle:hover{border-color:var(--accent);background:var(--surface2);transform:rotate(22deg) scale(1.12)}.hero{width:100%;min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:96px 2rem 4rem;position:relative;overflow:hidden}.hero-blob-1,.hero-blob-2{position:absolute;border-radius:50%;filter:blur(90px);pointer-events:none}.hero-blob-1{width:650px;height:650px;background:#7c6ff721;top:-140px;right:-80px}.hero-blob-2{width:520px;height:520px;background:#f7a26f17;bottom:-100px;left:-60px}[data-theme=light] .hero-blob-1{background:#7c6ff717}[data-theme=light] .hero-blob-2{background:#f7a26f24}.hero-inner{position:relative;z-index:1;display:flex;flex-direction:column;align-items:stretch;text-align:left;gap:1.4rem;width:100%;max-width:1180px;padding-inline:clamp(1.2rem,3.5vw,2.8rem)}.hero-content{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);align-items:center;gap:clamp(1.25rem,4vw,3rem)}.hero-left{display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:1rem}.hero-right{display:flex;justify-content:center;align-items:center}.hero-photo-frame{width:min(360px,100%);aspect-ratio:4 / 5;border-radius:28px;border:1px solid var(--border-bright);background:linear-gradient(145deg,color-mix(in srgb,var(--surface) 94%,transparent),color-mix(in srgb,var(--surface2) 96%,transparent));box-shadow:0 18px 45px #00000029,inset 0 1px color-mix(in srgb,#fff 10%,transparent);padding:.9rem;overflow:hidden}.hero-photo{width:100%;height:100%;object-fit:cover;object-position:center 24%;border-radius:20px;border:1px solid color-mix(in srgb,var(--accent) 24%,transparent);filter:contrast(1.05) saturate(.92) brightness(1.03);box-shadow:inset 0 0 0 1px color-mix(in srgb,#fff 6%,transparent)}@keyframes floatUp{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}.hero-keyword-badge{display:inline-flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:.35rem;font-family:var(--font-mono);font-size:clamp(.62rem,1.6vw,.72rem);letter-spacing:.08em;text-transform:uppercase;color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,transparent);border:1px solid color-mix(in srgb,var(--accent) 28%,transparent);padding:.38rem 1rem;border-radius:100px;animation:floatUp .5s cubic-bezier(.16,1,.3,1) both}.hero-name{font-family:var(--font-display);font-size:clamp(2.15rem,5.8vw,3.85rem);font-weight:800;letter-spacing:-.04em;line-height:1.06;animation:floatUp .6s .06s cubic-bezier(.16,1,.3,1) both}.hero-identity{font-family:var(--font-display);font-size:clamp(1rem,2.1vw,1.22rem);font-weight:680;letter-spacing:-.02em;line-height:1.3;color:var(--text);max-width:36ch;margin:0;animation:floatUp .6s .1s cubic-bezier(.16,1,.3,1) both}.hero-skill-line{font-family:var(--font-mono);font-size:clamp(.72rem,1.4vw,.8rem);letter-spacing:.05em;color:var(--text-muted);margin:-.15rem 0 0;animation:floatUp .6s .12s cubic-bezier(.16,1,.3,1) both}.hero-tagline{color:color-mix(in srgb,var(--text) 50%,var(--text-muted));font-size:clamp(.84rem,1.3vw,.92rem);font-weight:420;max-width:62ch;line-height:1.64;margin:0;animation:floatUp .6s .16s cubic-bezier(.16,1,.3,1) both}.hero-cta-row{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:.55rem;animation:floatUp .6s .2s cubic-bezier(.16,1,.3,1) both}.hero-links{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:.45rem;animation:floatUp .6s .24s cubic-bezier(.16,1,.3,1) both;opacity:.92}.hero-links .pill{font-size:.76rem;padding:.34rem .72rem}.pill{display:inline-flex;align-items:center;gap:.4rem;background:var(--surface);border:1px solid var(--border);color:var(--text-muted);font-size:.8rem;padding:.42rem .88rem;border-radius:100px;transition:all .2s;white-space:nowrap}.pill:hover{border-color:var(--border-bright);color:var(--text);background:var(--surface2);transform:translateY(-2px)}.pill--primary{background:linear-gradient(135deg,var(--accent) 0%,color-mix(in srgb,var(--accent) 75%,#6b5ce6) 100%);border:1px solid color-mix(in srgb,var(--accent) 55%,transparent);color:#fff;font-weight:600;font-size:.84rem;padding:.52rem 1.1rem;box-shadow:0 6px 22px color-mix(in srgb,var(--accent) 35%,transparent)}.pill--primary:hover{color:#fff;filter:brightness(1.08);border-color:var(--accent);background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 92%,#fff) 0%,var(--accent) 100%);transform:translateY(-2px)}.pill--secondary{font-weight:500;border-color:var(--border-bright);color:var(--text-muted)}.pill--secondary:hover{color:var(--text);border-color:var(--accent)}.scroll-hint{display:flex;flex-direction:column;align-items:center;gap:.5rem;margin-top:1.5rem;animation:floatUp .7s .38s cubic-bezier(.16,1,.3,1) both}.scroll-hint span{font-family:var(--font-mono);font-size:.6rem;letter-spacing:.14em;color:var(--text-dim);text-transform:uppercase}.scroll-arrow{width:1px;height:42px;background:linear-gradient(to bottom,var(--text-dim),transparent);animation:scrollPulse 2s ease-in-out infinite}@keyframes scrollPulse{0%,to{opacity:.3;transform:scaleY(1)}50%{opacity:1;transform:scaleY(1.18)}}.section-wrap{position:relative;z-index:1;max-width:var(--max);margin:0 auto;padding:5rem 1.5rem}.section-header{display:flex;align-items:baseline;gap:.85rem;margin-bottom:3rem}.section-label{font-family:var(--font-mono);font-size:.68rem;color:var(--accent);letter-spacing:.12em;opacity:.7;flex-shrink:0}.section-header h2{font-family:var(--font-display);font-size:clamp(1.35rem,3.5vw,2rem);font-weight:700;letter-spacing:-.02em}.timeline{display:flex;flex-direction:column}.chapter{display:grid;grid-template-columns:44px 1fr;gap:0 1.4rem}.chapter-marker{display:flex;flex-direction:column;align-items:center;padding-top:.2rem}.marker-icon{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.82rem;font-weight:700;flex-shrink:0;border:2px solid var(--border);background:var(--surface);color:var(--text-dim);z-index:1;transition:var(--tt)}.chapter.done .marker-icon{border-color:#5cb97e66;background:#5cb97e1a;color:var(--done)}.chapter.active .marker-icon{border-color:#f7c94880;background:#f7c9481a;color:var(--now);animation:glowPulse 2s ease-in-out infinite}.chapter.next .marker-icon{border-color:#7c6ff74d;background:#7c6ff714;color:var(--accent);font-size:1rem}@keyframes glowPulse{0%,to{box-shadow:0 0 #f7c94859}50%{box-shadow:0 0 0 9px #f7c94800}}.marker-line{width:2px;flex:1;background:linear-gradient(to bottom,var(--border-bright),transparent);margin:.5rem 0;min-height:1.5rem}.chapter-card{padding:1.35rem 1.5rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:1.5rem;transition:border-color .25s,transform .25s,background .35s}.chapter-card:hover{border-color:var(--border-bright);transform:translate(4px)}.card-now{border-color:#f7c94838;background:linear-gradient(135deg,var(--surface) 0%,rgba(247,201,72,.04) 100%)}.card-now:hover{border-color:#f7c94861}.card-next{border-color:#7c6ff726;background:linear-gradient(135deg,var(--surface) 0%,rgba(124,111,247,.04) 100%);border-style:dashed}.chapter-meta{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;margin-bottom:.5rem}.chapter-period{font-family:var(--font-mono);font-size:.68rem;color:var(--text-dim);letter-spacing:.04em}.chapter-tags{display:flex;flex-wrap:wrap;gap:.35rem}.tag{font-size:.64rem;padding:.18rem .58rem;border-radius:100px;font-family:var(--font-mono);letter-spacing:.03em}.tag-place{background:#ffffff0d;color:var(--text-muted);border:1px solid var(--border)}.tag-stat{background:#5cb97e1a;color:var(--done);border:1px solid rgba(92,185,126,.2)}.tag-company{background:#f7a26f1a;color:var(--accent2);border:1px solid rgba(247,162,111,.2)}.tag-now{background:#f7c9481a;color:var(--now);border:1px solid rgba(247,201,72,.2)}.tag-soon{background:#7c6ff71a;color:var(--accent);border:1px solid rgba(124,111,247,.2)}[data-theme=light] .tag-place{background:#0000000a;border-color:var(--border)}.chapter-title{font-family:var(--font-display);font-size:1.06rem;font-weight:700;margin-bottom:.42rem;letter-spacing:-.01em}.chapter-title em{color:var(--text-muted);font-style:italic;font-weight:400}.chapter-body{color:var(--text-muted);font-size:.88rem;line-height:1.7;margin-bottom:.5rem}.skill-chips{display:flex;flex-wrap:wrap;gap:.38rem;margin-top:.5rem}.chip{font-size:.67rem;font-family:var(--font-mono);padding:.22rem .6rem;border-radius:100px;background:#ffffff0d;border:1px solid var(--border);color:var(--text-muted);transition:all .2s}[data-theme=light] .chip{background:#0000000a}.chip:hover{background:#ffffff17;border-color:var(--border-bright);color:var(--text)}.chip-accent{background:#7c6ff71a;border-color:#7c6ff738;color:var(--accent)}.chip-live{background:#f7c9481a;border-color:#f7c94838;color:var(--now);animation:livePulse 3s ease-in-out infinite}.chip-ghost{background:#7c6ff70f;border-color:#7c6ff726;color:var(--text-dim);border-style:dashed}@keyframes livePulse{0%,to{opacity:1}50%{opacity:.65}}.skills-categories{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:1rem;align-items:stretch;grid-auto-rows:1fr}.skills-categories>.reveal{display:flex;min-height:0}.skills-categories>.reveal>.skill-category{flex:1 1 auto;width:100%}.skill-category{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.3rem 1.4rem;transition:border-color .25s,background .35s}.skill-category:hover{border-color:var(--border-bright);background:var(--surface2)}.skill-cat-header{display:flex;align-items:center;gap:.6rem;margin-bottom:.9rem}.skill-cat-icon{font-size:1.1rem;line-height:1}.skill-cat-label{font-family:var(--font-display);font-size:.9rem;font-weight:700;letter-spacing:-.01em}.skill-tags{display:flex;flex-wrap:wrap;gap:.35rem}.skill-tag{font-size:.67rem;font-family:var(--font-mono);padding:.22rem .62rem;border-radius:100px;background:#ffffff0a;border:1px solid var(--border);color:var(--text-muted);transition:all .18s}[data-theme=light] .skill-tag{background:#0000000a}.skill-tag:hover{border-color:var(--accent);color:var(--accent);background:#7c6ff712}.competencies-wrap{margin-top:2rem;padding-top:1.8rem;border-top:1px solid var(--border)}.competencies-label{font-family:var(--font-mono);font-size:.66rem;letter-spacing:.12em;color:var(--text-dim);text-transform:uppercase;margin-bottom:.85rem}.competencies-grid{display:flex;flex-wrap:wrap;gap:.45rem}.competency-chip{font-size:.72rem;font-family:var(--font-mono);padding:.28rem .72rem;border-radius:100px;background:#7c6ff714;border:1px solid rgba(124,111,247,.18);color:var(--accent)}.projects-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:1.5rem}.projects-grid>.reveal{display:flex;flex-direction:column;min-height:0}.projects-grid>.reveal>.project-card{flex:1 1 auto;width:100%;min-height:0}#projects .section-header{margin-bottom:2rem}.project-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.55rem;display:flex;flex-direction:column;gap:.82rem;transition:all .25s,background .35s;position:relative;overflow:hidden}.project-card-bar{position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--accent),var(--accent2));opacity:0;transition:opacity .25s}.project-card:hover{border-color:var(--border-bright);transform:translateY(-5px);box-shadow:0 22px 44px #0000002e}[data-theme=light] .project-card:hover{box-shadow:0 22px 44px #00000012}.project-card:hover .project-card-bar{opacity:1}.project-header{display:flex;align-items:baseline;gap:.55rem;flex-wrap:wrap}.project-header h3{font-family:var(--font-display);font-size:1.18rem;font-weight:700;letter-spacing:-.02em}.project-subtitle{font-size:.73rem;color:var(--text-dim);font-family:var(--font-mono)}.project-card>p{color:var(--text-muted);font-size:.87rem;line-height:1.65;flex:1}.project-footer{display:flex;align-items:flex-end;justify-content:space-between;gap:.7rem;flex-wrap:wrap}.project-actions{display:flex;flex-wrap:wrap;gap:.45rem;justify-content:flex-end}.project-link{font-family:var(--font-mono);font-size:.7rem;color:var(--accent);border:1px solid rgba(124,111,247,.3);padding:.28rem .72rem;border-radius:100px;transition:all .2s;white-space:nowrap;flex-shrink:0}.project-link:hover{background:#7c6ff71a;border-color:var(--accent)}.looking-inner{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem}.looking-card{background:linear-gradient(135deg,var(--surface) 0%,var(--surface2) 100%);border:1px solid var(--border-bright);border-radius:var(--radius);padding:2rem;display:flex;flex-direction:column;gap:1rem}.looking-title{font-family:var(--font-display);font-size:1.22rem;font-weight:700;letter-spacing:-.02em;line-height:1.3}.looking-body{color:var(--text-muted);font-size:.88rem;line-height:1.7;flex:1}.cta-btn{display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--accent) 0%,#a88aff 100%);color:#fff;font-family:var(--font-display);font-size:.87rem;font-weight:600;padding:.72rem 1.35rem;border-radius:100px;width:fit-content;transition:all .25s;letter-spacing:-.01em}.cta-btn:hover{transform:translateY(-2px);box-shadow:0 14px 36px #7c6ff761;filter:brightness(1.12)}.cta-btn:disabled{opacity:.75;cursor:not-allowed;transform:none;box-shadow:none}.real-talk{background:var(--surface);border:1px solid var(--border);border-left:3px solid var(--accent2);border-radius:var(--radius);padding:2rem;display:flex;flex-direction:column;gap:.72rem}.real-talk-label{font-family:var(--font-display);font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.real-talk p{color:var(--text-muted);font-size:.88rem;line-height:1.75}.real-talk strong{color:var(--text);font-style:normal}.why-hire-list{margin:.1rem 0 0;padding-left:1.05rem;display:grid;gap:.55rem}.why-hire-list li{color:var(--text-muted);font-size:.84rem;line-height:1.65}.why-hire-list li::marker{color:var(--accent3)}.footer-wrap{position:relative;z-index:1;border-top:1px solid var(--border);padding:2.5rem 1.5rem;transition:var(--tt)}.footer-inner{max-width:var(--max);margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:.4rem;text-align:center}.footer-inner p{font-size:.8rem;color:var(--text-dim)}.footer-inner a{color:var(--text-muted);transition:color .2s}.footer-inner a:hover{color:var(--text)}.footer-note{font-family:var(--font-mono)!important;font-size:.65rem!important;opacity:.45}.reveal{opacity:0;transform:translateY(26px);transition:opacity .6s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.16,1,.3,1)}.reveal.visible{opacity:1;transform:translateY(0)}@keyframes rippleAnim{to{transform:translate(-50%,-50%) scale(4);opacity:0}}@media (max-width: 680px){.nav-links{display:none}.looking-inner,.projects-grid,.skills-categories{grid-template-columns:1fr}.chapter{grid-template-columns:32px 1fr;gap:0 .8rem}.marker-icon{width:28px;height:28px;font-size:.7rem}.chapter-card{padding:1rem}.hero-inner{max-width:800px;padding-inline:1rem}.hero-content{grid-template-columns:1fr;gap:1.5rem}.hero-left{align-items:center;text-align:center}.hero-right{order:-1}.hero-photo-frame{max-width:280px}.hero-cta-row{flex-direction:column;width:100%;max-width:320px;margin-left:auto;margin-right:auto}.hero-cta-row .pill{justify-content:center;width:100%}.hero-links{justify-content:center}}@media (max-width: 1100px){.projects-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}