:root{--bg:#0a0a0f;--card:#1a1a26;--border:#2a2a3a;--accent:#00e5c3;--accent2:#7c6bff;--accent3:#ff6b9d;--text:#f0f0f8;--muted:#6b6b8a;--font:"Syne", sans-serif;--mono:"DM Mono", monospace;--name-font:"Barlow Condensed", sans-serif;--radius:3px;--transition:.25s ease}*,: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);cursor:none;-webkit-font-smoothing:antialiased;overflow-x:hidden}a{color:inherit;cursor:none;text-decoration:none}button{cursor:none;font-family:inherit}.scroll-progress{z-index:999;background:linear-gradient(90deg, var(--accent), var(--accent2));pointer-events:none;height:2px;transition:width .1s linear;position:fixed;top:0;left:0}.cursor{background:var(--accent);pointer-events:none;z-index:9999;mix-blend-mode:difference;border-radius:50%;width:12px;height:12px;transition:transform .15s,opacity .3s;position:fixed;transform:translate(-50%,-50%)}.cursor-trail{border:1px solid var(--accent);pointer-events:none;z-index:9998;opacity:.4;border-radius:50%;width:32px;height:32px;transition:left .12s,top .12s;position:fixed;transform:translate(-50%,-50%)}.cursor.hovered{transform:translate(-50%,-50%)scale(2.5)}.cursor-trail.hovered{opacity:0}.stars-canvas{z-index:0;pointer-events:none;width:100%;height:100%;position:fixed;inset:0}.container{z-index:1;max-width:920px;margin:0 auto;padding:0 1.5rem;position:relative}section{z-index:1;padding:6rem 0;position:relative}.nav{z-index:100;border-bottom:1px solid #0000;justify-content:space-between;align-items:center;padding:1.2rem 2.5rem;transition:background .4s,-webkit-backdrop-filter .4s,backdrop-filter .4s,border-color .4s;display:flex;position:fixed;top:0;left:0;right:0}.nav.scrolled{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-color:var(--border);background:#0a0a0fe0}.nav-logo{color:var(--accent);letter-spacing:-.02em;font-size:1.1rem;font-weight:800;position:relative}.nav-logo:after{content:"";background:var(--accent);width:100%;height:1px;animation:3s ease-in-out infinite logoPulse;position:absolute;bottom:-4px;left:0}@keyframes logoPulse{0%,to{opacity:.3;transform-origin:0;transform:scaleX(.3)}50%{opacity:1;transform-origin:0;transform:scaleX(1)}}.nav-links{gap:2rem;display:flex}.nav-links a{font-family:var(--mono);color:var(--muted);letter-spacing:.05em;transition:color var(--transition);font-size:.82rem;position:relative}.nav-links a:after{content:"";background:var(--accent);width:0;height:1px;transition:width var(--transition);position:absolute;bottom:-2px;left:0}.nav-links a:hover{color:var(--accent)}.nav-links a:hover:after{width:100%}.hamburger{z-index:200;background:0 0;border:none;flex-direction:column;gap:5px;padding:4px;display:none}.hamburger span{background:var(--text);border-radius:2px;width:24px;height:2px;transition:all .35s cubic-bezier(.4,0,.2,1);display:block}.hamburger.open span:first-child{transform:translateY(7px)rotate(45deg)}.hamburger.open span:nth-child(2){opacity:0;transform:scaleX(0)}.hamburger.open span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.hero{z-index:1;align-items:center;min-height:100vh;padding:0;display:flex;position:relative}.hero-inner{max-width:920px;margin:0 auto;padding:0 1.5rem}.hero-tag{font-family:var(--mono);color:var(--accent);letter-spacing:.15em;opacity:0;margin-bottom:1.5rem;font-size:.8rem;animation:.6s .2s forwards fadeUp}.hero-name{font-family:var(--name-font);text-transform:uppercase;letter-spacing:.18em;opacity:0;margin-bottom:1.2rem;font-size:clamp(3.5rem,11vw,8.5rem);font-weight:800;line-height:.9;animation:.7s .35s forwards fadeUp}.hero-name-accent{color:var(--accent);text-shadow:0 0 40px #00e5c34d}.hero-subtitle{font-family:var(--mono);color:var(--muted);opacity:0;min-height:1.6em;margin-bottom:2.5rem;font-size:clamp(.85rem,2vw,1.1rem);animation:.7s .5s forwards fadeUp}.hero-subtitle em{color:var(--accent);font-style:normal}.tw-cursor{background:var(--accent);vertical-align:middle;width:2px;height:1em;margin-left:2px;animation:.7s step-end infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}.hero-cta{opacity:0;flex-wrap:wrap;gap:1rem;animation:.7s .65s forwards fadeUp;display:flex}.scroll-hint{opacity:0;flex-direction:column;align-items:center;gap:.5rem;animation:1s 1.2s forwards fadeIn;display:flex;position:absolute;bottom:2.5rem;left:50%;transform:translate(-50%)}.scroll-line{background:linear-gradient(to bottom, var(--accent), transparent);width:1px;height:56px;animation:2s ease-in-out infinite scrollPulse}.btn{border-radius:var(--radius);font-family:var(--mono);letter-spacing:.05em;transition:all var(--transition);cursor:none;will-change:transform;border:1px solid;align-items:center;gap:.4rem;padding:.75rem 1.75rem;font-size:.82rem;display:inline-flex}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--accent);color:#0a0a0f;border-color:var(--accent)}.btn-primary:hover{color:var(--accent);background:0 0}.btn-ghost{color:var(--text);border-color:var(--border);background:0 0}.btn-ghost:hover{border-color:var(--accent);color:var(--accent)}.section-label{font-family:var(--mono);color:var(--accent);letter-spacing:.22em;text-transform:uppercase;align-items:center;gap:1rem;margin-bottom:3rem;font-size:.72rem;display:flex}.section-label:after{content:"";background:var(--border);flex:1;height:1px}.expertise-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.expertise-card{-webkit-backdrop-filter:blur(24px)saturate(160%);opacity:0;background:#0c0c168c;border:1px solid #ffffff1a;border-radius:8px;padding:2.5rem 2rem;transition:background .3s,transform .3s,box-shadow .3s,border-color .3s;position:relative;overflow:hidden;transform:translateY(24px);box-shadow:0 8px 32px #0006,inset 0 1px #ffffff12}.expertise-card.in{opacity:1;transition:opacity .5s,transform .5s;transform:none}.expertise-card:before{content:"";transform-origin:0;border-radius:8px 8px 0 0;height:2px;transition:transform .4s;position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.expertise-card:first-child:before{background:var(--accent)}.expertise-card:nth-child(2):before{background:var(--accent2)}.expertise-card:nth-child(3):before{background:var(--accent3)}.expertise-card:hover{background:#141428b3;border-color:#00e5c340;transform:translateY(-6px);box-shadow:0 24px 56px #00000080,inset 0 1px #ffffff1a,0 0 0 1px #00e5c31a}.expertise-card:hover:before{transform:scaleX(1)}.exp-num{font-family:var(--mono);color:var(--muted);letter-spacing:.1em;margin-bottom:1.4rem;font-size:.68rem}.exp-title{margin-bottom:.7rem;font-size:1.25rem;font-weight:700;line-height:1.2}.exp-desc{color:var(--muted);font-size:.83rem;line-height:1.75}.exp-tags{flex-wrap:wrap;gap:.4rem;margin-top:1.4rem;display:flex}.tag{font-family:var(--mono);border:1px solid var(--border);color:var(--muted);letter-spacing:.04em;transition:border-color var(--transition), color var(--transition);border-radius:2px;padding:.28rem .65rem;font-size:.62rem}.tag:hover{border-color:var(--accent);color:var(--accent)}.projects-list{flex-direction:column;gap:10px;display:flex}.project-item{-webkit-backdrop-filter:blur(24px)saturate(160%);opacity:0;background:#0c0c168c;border:1px solid #ffffff1a;border-radius:8px;grid-template-columns:2.5rem 1fr auto;align-items:start;gap:1.5rem;padding:2rem 2.5rem;transition:background .3s,transform .3s,border-color .3s,box-shadow .3s;display:grid;transform:translate(-20px);box-shadow:0 4px 24px #00000059,inset 0 1px #ffffff0f}.project-item.in{opacity:1;transition:opacity .5s,transform .5s;transform:none}.project-item:hover{background:#141428b3;border-color:#00e5c338;transform:translate(6px);box-shadow:0 8px 40px #00000073,inset 0 1px #ffffff14,-6px 0 24px #00e5c312}.proj-num{font-family:var(--mono);color:var(--muted);padding-top:.15rem;font-size:.68rem}.proj-title{flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:.5rem;font-size:1.02rem;font-weight:700;display:flex}.proj-badge{font-family:var(--mono);color:var(--accent);background:#00e5c314;border:1px solid #00e5c333;border-radius:2px;padding:.2rem .5rem;font-size:.58rem}.proj-desc{color:var(--muted);margin-bottom:.9rem;font-size:.82rem;line-height:1.65}.proj-stack{flex-wrap:wrap;gap:.4rem;display:flex}.proj-stack span{font-family:var(--mono);color:var(--muted);border:1px solid var(--border);border-radius:2px;padding:.2rem .6rem;font-size:.6rem}.proj-arrow{color:var(--muted);transition:all var(--transition);align-self:start;font-size:1.2rem}.project-item:hover .proj-arrow{color:var(--accent);transform:translate(3px,-3px)}.about-grid{grid-template-columns:1fr 1fr;align-items:start;gap:4rem;display:grid}.about-text p{color:var(--muted);margin-bottom:1rem;font-size:.94rem;line-height:1.85}.about-text strong{color:var(--text)}.about-cta{margin-top:2rem}.skill-group{margin-bottom:2rem}.skill-group-label{font-family:var(--mono);color:var(--muted);letter-spacing:.1em;margin-bottom:.75rem;font-size:.68rem}.skill-bars{flex-direction:column;gap:.6rem;display:flex}.skill-row{align-items:center;gap:.75rem;display:flex}.skill-name{min-width:84px;color:var(--text);font-size:.78rem}.skill-track{background:var(--border);border-radius:2px;flex:1;height:3px;overflow:hidden}.skill-fill{border-radius:2px;width:0;height:100%;transition:width 1.2s cubic-bezier(.4,0,.2,1)}.contact-inner{text-align:center}.contact-inner h2{letter-spacing:-.04em;margin-bottom:1rem;font-size:clamp(2rem,5vw,3.5rem);font-weight:800}.contact-inner p{color:var(--muted);margin-bottom:3rem;max-width:400px;margin-inline:auto;font-size:.94rem}.contact-links{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.contact-link{font-family:var(--mono);-webkit-backdrop-filter:blur(24px)saturate(160%);color:var(--muted);transition:all var(--transition);background:#0c0c168c;border:1px solid #ffffff1a;border-radius:6px;padding:.75rem 1.5rem;font-size:.78rem;box-shadow:0 4px 16px #0000004d,inset 0 1px #ffffff12}.contact-link:hover{color:var(--accent);background:#00e5c314;border-color:#00e5c373;transform:translateY(-4px);box-shadow:0 12px 28px #00000059,0 0 0 1px #00e5c326,inset 0 1px #ffffff1a}.footer{border-top:1px solid var(--border);z-index:1;justify-content:space-between;align-items:center;padding:2rem 2.5rem;display:flex;position:relative}.footer p{font-family:var(--mono);color:var(--muted);font-size:.68rem}.reveal{opacity:0;transition:opacity .7s,transform .7s;transform:translateY(28px)}.reveal.visible{opacity:1;transform:none}@keyframes fadeUp{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scrollPulse{0%,to{opacity:1}50%{opacity:.3;transform:scaleY(.6)}}@media (width<=768px){.nav{padding:1rem 1.25rem}.nav-links{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-left:1px solid var(--border);z-index:150;background:#0a0a0ff7;flex-direction:column;justify-content:center;align-items:flex-start;gap:2rem;width:min(75%,300px);height:100vh;padding:4rem 2rem;transition:right .4s cubic-bezier(.4,0,.2,1);position:fixed;top:0;right:-100%}.nav-links.open{right:0}.nav-links a{font-size:1.1rem}.hamburger{display:flex}body.menu-open:after{content:"";z-index:120;background:#00000080;position:fixed;inset:0}section{padding:4rem 0}.expertise-grid{grid-template-columns:1fr}.about-grid{grid-template-columns:1fr;gap:2.5rem}.project-item{grid-template-columns:2rem 1fr auto;gap:.75rem;padding:1.5rem 1.25rem}.footer{text-align:center;flex-direction:column;gap:.5rem;padding:1.5rem 1.25rem}.contact-links{flex-direction:column;align-items:center}.contact-link{text-align:center;width:100%;max-width:280px}}@media (width<=480px){.hero-cta{flex-direction:column}.btn{justify-content:center;width:100%}.proj-num{display:none}.project-item{grid-template-columns:1fr auto}}