.navbar{position:fixed;top:0;left:0;right:0;height:var(--nav-height);z-index:1000;display:flex;align-items:center;transition:all var(--duration-normal) var(--ease-out)}.navbar--scrolled{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border-bottom:1px solid var(--border-subtle)}.navbar__inner{max-width:var(--container-width);width:100%;margin:0 auto;padding:0 var(--container-padding);display:flex;align-items:center;justify-content:space-between;gap:32px}.navbar__logo{display:flex;align-items:center;gap:10px;font-weight:600;font-size:15px;letter-spacing:-.02em}.navbar__logo-mark{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;background:var(--accent-gradient);font-family:var(--font-mono);font-weight:700;font-size:16px;color:var(--nav-logo-mark-text);box-shadow:0 0 20px var(--accent-glow)}.navbar__logo-text{color:var(--text-primary)}.navbar__links{display:none;align-items:center;gap:4px;margin-left:auto;margin-right:32px;flex-shrink:0}.navbar__link{display:flex;align-items:baseline;gap:6px;padding:8px 16px;border-radius:8px;font-size:14px;font-weight:500;color:var(--text-secondary);transition:all var(--duration-fast) var(--ease-out);position:relative;white-space:nowrap}.navbar__link:after{content:"";position:absolute;bottom:4px;left:50%;width:0;height:2px;border-radius:1px;background:var(--accent);transition:width .3s var(--ease-out),left .3s var(--ease-out)}.navbar__link:hover{color:var(--text-primary);background:var(--bg-hover)}.navbar__link:hover:after{width:60%;left:20%}.navbar__link-index{font-family:var(--font-mono);font-size:11px;color:var(--text-faint);transition:color var(--duration-fast) var(--ease-out)}.navbar__link:hover .navbar__link-index{color:var(--accent)}.navbar__cta{display:none;align-items:center;justify-content:center;gap:8px;padding:10px 24px;border-radius:10px;font-size:14px;font-weight:500;color:var(--btn-primary-text);background:var(--accent);border:none;box-shadow:0 0 20px #a8f57a4d;transition:all var(--duration-fast) var(--ease-out);position:relative;overflow:hidden;flex-shrink:0;white-space:nowrap;min-width:96px}.navbar__cta:after{content:"";position:absolute;top:0;left:0;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transform:translate(-150%) skew(-20deg);pointer-events:none}.navbar__cta:hover{transform:translateY(-2px) scale(1.03);box-shadow:0 4px 28px #a8f57a80}.navbar__cta:hover:after{animation:shineSweep .6s var(--ease-out)}.navbar__cta:active{transform:translateY(0) scale(.98)}.navbar__cta svg{transition:transform var(--duration-fast) var(--ease-out)}.navbar__cta:hover svg{transform:translate(3px)}.navbar__actions{display:flex;align-items:center;gap:4px}.navbar__theme-toggle{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;color:var(--text-secondary);transition:all var(--duration-fast) var(--ease-out)}.navbar__theme-toggle:hover{color:var(--accent);background:var(--bg-hover)}.navbar__theme-toggle svg{width:20px;height:20px;transition:transform var(--duration-normal) var(--ease-out)}.navbar__theme-toggle:hover svg{transform:rotate(30deg)}.navbar__menu-toggle{display:flex;flex-direction:column;gap:5px;width:40px;height:40px;align-items:center;justify-content:center;border-radius:8px}.navbar__menu-toggle span{display:block;width:20px;height:2px;background:var(--text-primary);border-radius:2px;transition:all var(--duration-fast) var(--ease-out)}.navbar__menu-toggle.is-open span:nth-child(1){transform:translateY(3.5px) rotate(45deg)}.navbar__menu-toggle.is-open span:nth-child(2){transform:translateY(-3.5px) rotate(-45deg)}.mobile-menu{position:fixed;top:var(--nav-height);left:0;right:0;bottom:0;background:var(--bg-base);z-index:999;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;opacity:0;pointer-events:none;transition:opacity var(--duration-normal) var(--ease-out)}.mobile-menu.is-open{opacity:1;pointer-events:all}.mobile-menu__link{display:flex;align-items:baseline;gap:12px;font-size:28px;font-weight:600;color:var(--text-primary);transition:color var(--duration-fast)}.mobile-menu__link-index{font-family:var(--font-mono);font-size:14px;color:var(--text-faint)}.mobile-menu__cta{margin-top:32px;padding:14px 32px;border-radius:999px;background:var(--accent-gradient);font-size:16px;font-weight:500;color:var(--btn-primary-text)}@media (max-width: 640px){.navbar__logo-text{display:none}}.text-type{display:inline-block;white-space:pre-wrap}.text-type__cursor{margin-left:.25rem;display:inline-block;opacity:1;font-weight:300}.text-type__cursor--hidden{display:none}.hero{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;padding-top:var(--nav-height)}.hero__bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden}.hero__bg-grid{position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;background-image:linear-gradient(var(--hero-grid-color) 1px,transparent 1px),linear-gradient(90deg,var(--hero-grid-color) 1px,transparent 1px);background-size:64px 64px;mask-image:radial-gradient(ellipse 80% 60% at 50% 40%,#000 30%,transparent 80%);-webkit-mask-image:radial-gradient(ellipse 80% 60% at 50% 40%,#000 30%,transparent 80%)}.hero__bg-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.5}.hero__bg-orb--1{width:600px;height:600px;top:-10%;left:-5%;background:radial-gradient(circle,rgba(168,245,122,.3),transparent 70%);animation:orbFloat 20s ease-in-out infinite}.hero__bg-orb--2{width:500px;height:500px;bottom:-10%;right:5%;background:radial-gradient(circle,rgba(77,212,172,.25),transparent 70%);animation:orbFloat 25s ease-in-out infinite reverse}.hero__bg-orb--3{width:400px;height:400px;top:40%;left:50%;transform:translate(-50%);background:radial-gradient(circle,rgba(168,245,122,.15),transparent 70%);animation:orbFloat 30s ease-in-out infinite;animation-delay:-5s}.hero__bg-noise{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.015;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' /%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' /%3E%3C/svg%3E")}.hero__bg-vignette{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 100% 80% at 50% 50%,transparent 40%,var(--bg-base) 100%)}.hero__content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;text-align:center;padding-top:40px}.hero__badge{display:flex;align-items:center;gap:8px;padding:6px 16px;border-radius:999px;background:var(--glass-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--border-default);font-size:13px;font-weight:500;color:var(--text-secondary);margin-bottom:24px;animation:fadeUp .8s var(--ease-out) both}.hero__badge-dot{width:8px;height:8px;border-radius:50%;background:var(--accent-2);box-shadow:0 0 8px var(--accent-2-glow);animation:pulse 2s ease-in-out infinite}.hero__title{display:flex;flex-direction:column;align-items:center;line-height:1.05;padding-bottom:8px;letter-spacing:-.04em}.hero__title-line{font-size:clamp(48px,8vw,90px);font-weight:800;color:var(--text-primary);white-space:nowrap;animation:fadeUp 1s var(--ease-out) both;animation-delay:.1s}.hero__title-accent{background:var(--accent-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero__title-typing{font-size:inherit;font-weight:inherit;letter-spacing:inherit;display:inline}.hero__title-typing .text-type__content{background:var(--accent-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero__title-typing .text-type__cursor{background:var(--accent-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-weight:300}.hero__subtitle{margin-top:16px;animation:fadeUp 1s var(--ease-out) both;animation-delay:.4s}.hero__subtitle-text{font-family:var(--font-mono);font-size:clamp(14px,1.5vw,18px);font-weight:500;color:var(--text-secondary);letter-spacing:.02em}.hero__tagline{margin-top:20px;max-width:640px;font-size:clamp(17px,2vw,21px);line-height:1.65;color:var(--text-tertiary);font-weight:400;animation:fadeUp 1s var(--ease-out) both;animation-delay:.55s}.hero__meta{display:flex;align-items:center;gap:24px;margin-top:36px;animation:fadeUp 1s var(--ease-out) both;animation-delay:.7s}.hero__meta-item{display:flex;flex-direction:column;align-items:center;gap:4px}.hero__meta-label{font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-faint)}.hero__meta-value{font-size:14px;font-weight:500;color:var(--text-secondary)}.hero__meta-divider{width:1px;height:28px;background:var(--border-default)}.hero__actions{display:flex;gap:16px;margin-top:36px;animation:fadeUp 1s var(--ease-out) both;animation-delay:.85s}.hero__btn{display:flex;align-items:center;gap:8px;padding:14px 28px;border-radius:999px;font-size:15px;font-weight:500;transition:all var(--duration-fast) var(--ease-out);position:relative;overflow:hidden}.hero__btn--primary{background:var(--accent-gradient);color:var(--btn-primary-text);box-shadow:0 4px 20px var(--accent-glow)}.hero__btn--primary:after{content:"";position:absolute;top:0;left:0;width:60%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.25),transparent);transform:translate(-150%) skew(-20deg);pointer-events:none}.hero__btn--primary:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 8px 36px var(--accent-glow)}.hero__btn--primary:hover:after{animation:shineSweep .7s var(--ease-out)}.hero__btn--primary:active{transform:translateY(-1px) scale(.98)}.hero__btn--primary svg{transition:transform var(--duration-fast) var(--ease-out)}.hero__btn--primary:hover svg{transform:translate(6px) scale(1.1)}.hero__btn--ghost{background:transparent;color:var(--text-secondary);border:1px solid var(--border-default)}.hero__btn--ghost:after{content:"";position:absolute;top:0;left:0;width:60%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.06),transparent);transform:translate(-150%) skew(-20deg);pointer-events:none}.hero__btn--ghost:hover{color:var(--text-primary);border-color:var(--accent);background:var(--bg-hover);transform:translateY(-2px)}.hero__btn--ghost:hover:after{animation:shineSweep .7s var(--ease-out)}.hero__scroll{position:absolute;bottom:32px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:12px;animation:fadeIn 1s var(--ease-out) both;animation-delay:1.2s}.hero__scroll-line{width:1px;height:48px;background:linear-gradient(to bottom,transparent,var(--border-strong));position:relative;overflow:hidden}.hero__scroll-line:after{content:"";position:absolute;top:0;left:0;width:100%;height:50%;background:linear-gradient(to bottom,var(--accent),transparent);animation:scrollLine 2s ease-in-out infinite}@keyframes scrollLine{0%{transform:translateY(-100%)}to{transform:translateY(200%)}}.hero__scroll-text{font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.15em;color:var(--text-faint)}@media (max-width: 768px){.hero__meta{flex-direction:column;gap:16px}.hero__meta-divider{width:48px;height:1px}.hero__actions{flex-direction:column;width:100%;max-width:320px}.hero__btn{justify-content:center}}.section-label{display:flex;align-items:baseline;gap:12px;margin-bottom:16px}.section-label__index{font-family:var(--font-mono);font-size:13px;font-weight:500;color:var(--accent)}.section-label__text{font-family:var(--font-mono);font-size:13px;text-transform:uppercase;letter-spacing:.1em;color:var(--text-tertiary)}.section-title{font-size:clamp(32px,4vw,56px);font-weight:700;line-height:1.12;letter-spacing:-.035em;color:var(--text-primary);max-width:900px}.section-title--accent{background:var(--accent-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.about{padding:100px 0}.about__header{margin-bottom:48px}.about__grid{display:grid;grid-template-columns:1fr;gap:48px}.about__intro-text{font-size:20px;line-height:1.8;color:var(--text-secondary);margin-bottom:28px}.about__intro-text--secondary{font-size:17px;color:var(--text-tertiary);line-height:1.85}.about__contacts{display:flex;flex-direction:column;gap:12px;margin-top:40px}.about__contact{display:flex;align-items:center;gap:16px;padding:16px 20px;border-radius:12px;background:var(--bg-surface);border:1px solid var(--border-subtle);transition:all var(--duration-fast) var(--ease-out)}.about__contact:hover{background:var(--bg-elevated);border-color:var(--border-default)}.about__contact--static{cursor:default}.about__contact--static:hover{background:var(--bg-surface);border-color:var(--border-subtle)}.about__contact-label{font-family:var(--font-mono);font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-faint);min-width:70px}.about__contact-value{font-size:15px;font-weight:500;color:var(--text-primary)}.about__stats{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-content:start}.about__stat-card{display:flex;flex-direction:column;gap:8px;padding:32px 28px;border-radius:16px;background:var(--bg-surface);border:1px solid var(--border-subtle);transition:all .4s var(--ease-out);position:relative;overflow:hidden}.about__stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--accent),transparent);background-size:200% 100%;opacity:0;transition:opacity .3s var(--ease-out);animation:borderTrace 2s linear infinite}.about__stat-card:hover{border-color:var(--accent);transform:translateY(-4px) scale(1.02);box-shadow:0 8px 32px #0003,0 0 24px #a8f57a14}.about__stat-card:hover:before{opacity:.5}.about__stat-value{font-size:48px;font-weight:800;line-height:1;letter-spacing:-.03em;background:var(--accent-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.about__stat-label{font-size:14px;color:var(--text-tertiary);font-weight:500}.about__timeline-header{display:flex;align-items:center;gap:24px;margin-bottom:48px}.about__timeline-title{font-family:var(--font-mono);font-size:13px;text-transform:uppercase;letter-spacing:.1em;color:var(--text-tertiary);white-space:nowrap}.about__timeline-line{flex:1;height:1px;background:var(--border-subtle)}.about__timeline-items{display:flex;flex-direction:column}.about__timeline-item{display:grid;grid-template-columns:24px 1fr;gap:24px;padding-bottom:48px}.about__timeline-item:last-child{padding-bottom:0}.about__timeline-marker{position:relative;display:flex;flex-direction:column;align-items:center;padding-top:6px}.about__timeline-dot{width:10px;height:10px;border-radius:50%;background:var(--accent);box-shadow:0 0 12px var(--accent-glow);flex-shrink:0;z-index:1}.about__timeline-connector{width:1px;flex:1;background:var(--border-subtle);margin-top:4px}.about__timeline-top{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:12px}.about__timeline-role{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.about__timeline-company{font-size:18px;font-weight:600;color:var(--text-primary)}.about__timeline-separator{color:var(--text-faint)}.about__timeline-position{font-size:15px;color:var(--text-secondary)}.about__timeline-period{font-family:var(--font-mono);font-size:13px;color:var(--text-tertiary);white-space:nowrap}.about__timeline-desc{font-size:15px;line-height:1.7;color:var(--text-tertiary);margin-bottom:16px}.about__timeline-highlights{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.about__highlight{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--text-secondary)}.about__highlight svg{flex-shrink:0}.about__timeline-tags{display:flex;flex-wrap:wrap;gap:8px}.about__tag{padding:4px 12px;border-radius:999px;font-size:12px;font-weight:500;color:var(--text-tertiary);background:var(--bg-surface);border:1px solid var(--border-subtle);transition:all .25s var(--ease-out);cursor:default}.about__tag:hover{color:var(--accent);border-color:var(--accent);background:var(--accent-dim);transform:translateY(-2px)}@media (max-width: 1024px){.about__grid{grid-template-columns:1fr;gap:48px}}@media (max-width: 768px){.about{padding:100px 0}.about__stats{grid-template-columns:1fr}.about__timeline-top{flex-direction:column;gap:4px}}.projects{padding:100px 0}.projects__header{margin-bottom:48px}.projects__subtitle{margin-top:20px;max-width:640px;font-size:18px;line-height:1.75;color:var(--text-tertiary)}.projects__featured{display:flex;flex-direction:column;gap:32px}.project-card{display:grid;grid-template-columns:1fr 1fr;gap:0;border-radius:24px;overflow:hidden;background:var(--bg-surface);border:1px solid var(--border-subtle);cursor:pointer;transition:transform .5s var(--ease-out),box-shadow .5s var(--ease-out),border-color .5s var(--ease-out);position:relative}.project-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,var(--accent),var(--accent-2),transparent);background-size:200% 100%;opacity:0;transition:opacity .3s var(--ease-out);z-index:2}.project-card:hover{border-color:var(--border-default);transform:translateY(-8px);box-shadow:0 16px 60px #00000080,0 0 40px #a8f57a14}.project-card:hover:before{opacity:.7;animation:borderTrace 2s linear infinite}.project-card__text{padding:40px;display:flex;flex-direction:column;justify-content:center}.project-card__top{display:flex;align-items:center;gap:16px;margin-bottom:16px}.project-card__year{font-family:var(--font-mono);font-size:13px;color:var(--accent)}.project-card__role{font-size:13px;color:var(--text-tertiary);padding:2px 10px;border-radius:999px;border:1px solid var(--border-subtle)}.project-card__title{font-size:26px;font-weight:700;letter-spacing:-.02em;color:var(--text-primary);margin-bottom:8px;transition:transform .3s var(--ease-out)}.project-card:hover .project-card__title{transform:translate(6px)}.project-card__subtitle{font-size:14px;color:var(--text-tertiary);margin-bottom:14px}.project-card__desc{font-size:14px;line-height:1.7;color:var(--text-secondary);margin-bottom:20px}.project-card__tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:24px}.project-card__tag{padding:4px 10px;border-radius:999px;font-size:12px;font-weight:500;color:var(--text-tertiary);background:var(--bg-elevated);border:1px solid var(--border-subtle);transition:all .25s var(--ease-out);cursor:default}.project-card:hover .project-card__tag{border-color:var(--border-default);color:var(--text-secondary)}.project-card__tag:hover{color:var(--accent);border-color:var(--accent);transform:translateY(-2px)}.project-card__cta{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:500;color:var(--accent);padding:8px 16px;border-radius:8px;background:var(--accent-dim);border:1px solid var(--border-subtle);transition:all .3s var(--ease-out);align-self:flex-start;position:relative;overflow:hidden}.project-card__cta:after{content:"";position:absolute;top:0;left:0;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(168,245,122,.15),transparent);transform:translate(-150%) skew(-20deg);pointer-events:none}.project-card:hover .project-card__cta{background:var(--accent-dim);border-color:var(--accent);box-shadow:0 0 20px #a8f57a26}.project-card:hover .project-card__cta:after{animation:shineSweep .6s var(--ease-out)}.project-card__cta svg{transition:transform .3s var(--ease-out)}.project-card:hover .project-card__cta svg{transform:translate(4px)}.project-card__visual{position:relative;min-height:340px;overflow:hidden;background:var(--bg-elevated);display:flex;align-items:center;justify-content:center;transition:transform .5s var(--ease-out)}.project-card:hover .project-card__visual{transform:scale(1.02)}.project-card__visual-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,var(--accent-dim) 0%,var(--bg-elevated) 50%,var(--accent-dim) 100%);opacity:.4;transition:opacity .5s var(--ease-out),transform .5s var(--ease-out)}.project-card:hover .project-card__visual-bg{opacity:.7;transform:scale(1.1)}.project-card__visual-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(var(--border-subtle) 1px,transparent 1px),linear-gradient(90deg,var(--border-subtle) 1px,transparent 1px);background-size:40px 40px;mask-image:radial-gradient(ellipse 70% 70% at 50% 50%,#000,transparent);-webkit-mask-image:radial-gradient(ellipse 70% 70% at 50% 50%,#000,transparent);transition:transform .5s var(--ease-out)}.project-card:hover .project-card__visual-grid{transform:scale(1.08)}.project-card__visual-label{position:relative;z-index:2;font-family:var(--font-mono);font-size:13px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-faint);padding:8px 20px;border-radius:999px;border:1px solid var(--border-subtle);background:var(--bg-surface);transition:all .3s var(--ease-out)}.project-card:hover .project-card__visual-label{color:var(--accent);border-color:var(--accent);transform:scale(1.05)}.projects__others{margin-top:40px}.projects__others-header{margin-bottom:24px}.projects__others-label{font-family:var(--font-mono);font-size:13px;text-transform:uppercase;letter-spacing:.1em;color:var(--text-tertiary)}.projects__others-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:16px}.project-mini{display:flex;gap:20px;padding:24px;border-radius:16px;background:var(--bg-surface);border:1px solid var(--border-subtle);cursor:pointer;transition:all .35s var(--ease-out);position:relative;overflow:hidden}.project-mini:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,var(--accent-dim),transparent 60%);opacity:0;transition:opacity .35s var(--ease-out);pointer-events:none}.project-mini:hover{border-color:var(--accent);background:var(--bg-elevated);transform:translateY(-4px) scale(1.01);box-shadow:0 8px 32px #0000004d,0 0 20px #a8f57a0f}.project-mini:hover:before{opacity:1}.project-mini__visual{flex-shrink:0}.project-mini__icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:14px;background:var(--accent-dim);border:1px solid var(--border-subtle);transition:all .35s var(--ease-out);position:relative;z-index:1}.project-mini:hover .project-mini__icon{transform:scale(1.1) rotate(-5deg);border-color:var(--accent);box-shadow:0 0 16px #a8f57a26}.project-mini__title{font-size:17px;font-weight:600;color:var(--text-primary);margin-bottom:4px}.project-mini__subtitle{font-size:13px;color:var(--text-tertiary);margin-bottom:12px}.project-mini__tags{display:flex;flex-wrap:wrap;gap:6px}.project-mini__tag{padding:3px 8px;border-radius:999px;font-size:11px;color:var(--text-faint);background:var(--bg-base);border:1px solid var(--border-subtle)}@media (max-width: 768px){.project-card{grid-template-columns:1fr}.project-card__visual{min-height:220px;order:-1}.project-card__text{padding:28px}.projects__others-grid{grid-template-columns:1fr}}.capabilities{padding:100px 0;position:relative}.capabilities:before{content:"";position:absolute;top:20%;left:50%;transform:translate(-50%);width:800px;height:800px;background:radial-gradient(circle,rgba(168,245,122,.06),transparent 70%);pointer-events:none;z-index:0}.capabilities__header{position:relative;z-index:1;margin-bottom:48px}.capabilities__subtitle{margin-top:20px;max-width:580px;font-size:18px;line-height:1.75;color:var(--text-tertiary)}.capabilities__grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:20px}.cap-card{position:relative;padding:40px 36px;border-radius:20px;background:var(--bg-surface);border:1px solid var(--border-subtle);overflow:hidden;transition:opacity .6s var(--ease-out),transform .5s var(--ease-out),box-shadow .4s var(--ease-out),border-color .4s var(--ease-out);--card-accent: var(--accent);--card-accent-dim: var(--accent-dim);--card-glow: var(--accent-glow)}.cap-card:nth-child(1){--card-accent: #a8f57a;--card-accent-dim: rgba(168, 245, 122, .12);--card-glow: rgba(168, 245, 122, .2)}.cap-card:nth-child(2){--card-accent: #4dd4ac;--card-accent-dim: rgba(77, 212, 172, .12);--card-glow: rgba(77, 212, 172, .2)}.cap-card:nth-child(3){--card-accent: #4a90d4;--card-accent-dim: rgba(74, 144, 212, .12);--card-glow: rgba(74, 144, 212, .2)}.cap-card:nth-child(4){--card-accent: #b88ce0;--card-accent-dim: rgba(184, 140, 224, .12);--card-glow: rgba(184, 140, 224, .2)}.cap-card:nth-child(5){--card-accent: #f0a868;--card-accent-dim: rgba(240, 168, 104, .12);--card-glow: rgba(240, 168, 104, .2)}.cap-card:nth-child(6){--card-accent: #e87090;--card-accent-dim: rgba(232, 112, 144, .12);--card-glow: rgba(232, 112, 144, .2)}.cap-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,var(--card-accent-dim),transparent 50%);opacity:0;transition:opacity .4s var(--ease-out);pointer-events:none}.cap-card:after{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--card-accent),transparent);background-size:200% 100%;opacity:0;transition:opacity .3s var(--ease-out);animation:borderTrace 2s linear infinite}.cap-card:hover{border-color:var(--card-accent);transform:translateY(-6px) scale(1.01);box-shadow:0 12px 48px #0006,0 0 24px var(--card-glow)}.cap-card:hover:before{opacity:1}.cap-card:hover:after{opacity:.6}.cap-card__icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:12px;background:var(--card-accent-dim);border:1px solid var(--border-subtle);margin-bottom:24px;position:relative;z-index:1;transition:transform .3s var(--ease-out),background .3s var(--ease-out),border-color .3s var(--ease-out)}.cap-card__icon svg{width:24px;height:24px;color:var(--card-accent);transition:color .3s var(--ease-out)}.cap-card:hover .cap-card__icon{transform:scale(1.15) rotate(-6deg);border-color:var(--card-accent);background:var(--card-accent-dim)}.cap-card__title{font-size:20px;font-weight:600;letter-spacing:-.01em;color:var(--text-primary);margin-bottom:12px;position:relative;z-index:1;transition:transform .3s var(--ease-out)}.cap-card:hover .cap-card__title{transform:translate(4px)}.cap-card__desc{font-size:14px;line-height:1.7;color:var(--text-tertiary);margin-bottom:20px;position:relative;z-index:1}.cap-card__skills{display:flex;flex-wrap:wrap;gap:6px;position:relative;z-index:1}.cap-card__skill{padding:4px 10px;border-radius:6px;font-size:12px;font-weight:500;color:var(--text-secondary);background:var(--bg-elevated);border:1px solid var(--border-subtle);transition:all .25s var(--ease-out);opacity:.85}.cap-card:hover .cap-card__skill{border-color:var(--card-accent-dim);color:var(--card-accent)}.cap-card:hover .cap-card__skill:nth-child(1){transform:translateY(-2px);transition-delay:.02s}.cap-card:hover .cap-card__skill:nth-child(2){transform:translateY(-2px);transition-delay:.06s}.cap-card:hover .cap-card__skill:nth-child(3){transform:translateY(-2px);transition-delay:.1s}.cap-card:hover .cap-card__skill:nth-child(4){transform:translateY(-2px);transition-delay:.14s}.cap-card__index{position:absolute;top:28px;right:28px;font-family:var(--font-mono);font-size:14px;font-weight:500;color:var(--text-faint);z-index:1;transition:color .3s var(--ease-out),transform .3s var(--ease-out)}.cap-card:hover .cap-card__index{color:var(--card-accent);transform:scale(1.1)}@media (max-width: 640px){.capabilities__grid{grid-template-columns:1fr}.capabilities{padding:100px 0}}.contact{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:100px 0 60px}.contact__bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden}.contact__bg-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(var(--contact-grid-color) 1px,transparent 1px),linear-gradient(90deg,var(--contact-grid-color) 1px,transparent 1px);background-size:80px 80px;mask-image:radial-gradient(ellipse 60% 50% at 50% 50%,#000,transparent 80%);-webkit-mask-image:radial-gradient(ellipse 60% 50% at 50% 50%,#000,transparent 80%)}.contact__bg-orb{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:700px;height:700px;border-radius:50%;background:radial-gradient(circle,rgba(168,245,122,.12),transparent 65%);filter:blur(60px)}.contact__bg-vignette{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 100% 80% at 50% 50%,transparent 30%,var(--bg-base) 90%)}.contact__inner{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;text-align:center}.contact__label{display:flex;align-items:baseline;gap:12px;margin-bottom:24px}.contact__headline{font-size:clamp(40px,6vw,88px);font-weight:800;line-height:1.1;letter-spacing:-.04em;color:var(--text-primary);margin-bottom:20px}.contact__headline-accent{background:var(--accent-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.contact__subtitle{max-width:520px;font-size:18px;line-height:1.75;color:var(--text-tertiary);margin-bottom:36px}.contact__cta{display:flex;align-items:center;gap:24px;padding:20px 36px;border-radius:999px;background:var(--accent-gradient);color:var(--btn-primary-text);font-weight:500;box-shadow:0 8px 40px var(--accent-glow);transition:all var(--duration-normal) var(--ease-out);margin-bottom:40px}.contact__cta:hover{transform:translateY(-3px);box-shadow:0 12px 50px var(--accent-glow)}.contact__cta-text{font-size:16px;font-weight:600}.contact__cta-email{font-family:var(--font-mono);font-size:14px;opacity:.8}.contact__cta svg{transition:transform var(--duration-fast) var(--ease-out)}.contact__cta:hover svg{transform:translate(5px)}.contact__info{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;width:100%;max-width:900px;margin-bottom:40px}.contact__info-item{display:flex;align-items:center;gap:16px;padding:20px 24px;border-radius:16px;background:var(--bg-surface);border:1px solid var(--border-subtle);text-align:left;transition:all .35s var(--ease-out);position:relative;overflow:hidden}.contact__info-item:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,var(--accent-dim),transparent 60%);opacity:0;transition:opacity .35s var(--ease-out);pointer-events:none}.contact__info-item:hover{background:var(--bg-elevated);border-color:var(--accent);transform:translateY(-4px);box-shadow:0 8px 32px #0003,0 0 20px #a8f57a0f}.contact__info-item:hover:before{opacity:1}.contact__info-item--static{cursor:default}.contact__info-item--static:hover{border-color:var(--border-subtle);transform:none;box-shadow:none}.contact__info-item--static:hover:before{opacity:0}.contact__info-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;background:var(--accent-dim);flex-shrink:0;position:relative;z-index:1;transition:all .35s var(--ease-out)}.contact__info-item:hover .contact__info-icon{transform:scale(1.15) rotate(-8deg);box-shadow:0 0 16px #a8f57a33}.contact__info-icon svg{color:var(--accent);transition:color .3s var(--ease-out)}.contact__info-content{display:flex;flex-direction:column;gap:2px;min-width:0;position:relative;z-index:1}.contact__info-label{font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-faint);transition:color .3s var(--ease-out)}.contact__info-item:hover .contact__info-label{color:var(--accent)}.contact__info-value{font-size:14px;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:transform .3s var(--ease-out)}.contact__info-item:hover .contact__info-value{transform:translate(4px)}.contact__footer{display:flex;align-items:center;justify-content:space-between;width:100%;padding-top:32px;border-top:1px solid var(--border-subtle)}.contact__footer-left{display:flex;align-items:center;gap:8px}.contact__footer-name{font-size:14px;font-weight:600;color:var(--text-secondary)}.contact__footer-sep{color:var(--text-faint)}.contact__footer-role{font-size:14px;color:var(--text-tertiary)}.contact__footer-right{font-size:13px;color:var(--text-faint)}@media (max-width: 768px){.contact__info{grid-template-columns:1fr}.contact__cta{flex-direction:column;gap:8px;text-align:center;border-radius:20px;padding:24px}.contact__footer{flex-direction:column;gap:12px;text-align:center}}.detail__nav{position:fixed;top:0;left:0;right:0;height:var(--nav-height);z-index:100;display:flex;align-items:center;background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border-bottom:1px solid var(--border-subtle)}.detail__nav-inner{max-width:var(--container-width);width:100%;margin:0 auto;padding:0 var(--container-padding);display:flex;align-items:center;justify-content:space-between}.detail__nav-back{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:500;color:var(--text-secondary);padding:8px 12px;border-radius:8px;transition:all var(--duration-fast) var(--ease-out);background:none;border:none;cursor:pointer}.detail__nav-back:hover{color:var(--text-primary);background:var(--bg-hover)}.detail__nav-meta{display:flex;align-items:center;gap:16px}.detail__nav-year{font-family:var(--font-mono);font-size:13px;color:var(--accent)}.detail__nav-role{font-size:13px;color:var(--text-tertiary);padding:2px 10px;border-radius:999px;border:1px solid var(--border-subtle)}.detail__content{padding:80px var(--container-padding) 80px;margin-top:var(--nav-height)}.detail__header{margin-bottom:32px}.detail__title{font-size:clamp(32px,5vw,56px);font-weight:700;letter-spacing:-.03em;line-height:1.15;color:var(--text-primary);margin-top:8px}.detail__meta{margin-bottom:40px}.detail__tags{display:flex;flex-wrap:wrap;gap:8px}.detail__tag{padding:5px 14px;border-radius:999px;font-size:13px;font-weight:500;color:var(--text-secondary);background:var(--bg-surface);border:1px solid var(--border-subtle)}.detail__intro{margin-bottom:56px}.detail__intro p{font-size:18px;line-height:1.8;color:var(--text-secondary)}.detail__section-title{font-family:var(--font-mono);font-size:13px;text-transform:uppercase;letter-spacing:.1em;color:var(--text-tertiary);margin-bottom:24px}.detail__highlights{margin-bottom:64px}.detail__highlights-grid{display:flex;flex-direction:column;gap:16px}.detail__highlight-card{display:flex;gap:20px;padding:24px 28px;border-radius:16px;background:var(--bg-surface);border:1px solid var(--border-subtle);transition:all var(--duration-fast) var(--ease-out)}.detail__highlight-card:hover{border-color:var(--border-default)}.detail__highlight-num{font-family:var(--font-mono);font-size:20px;font-weight:700;color:var(--accent);flex-shrink:0;min-width:28px;padding-top:1px}.detail__highlight-card p{font-size:15px;line-height:1.7;color:var(--text-secondary)}.detail__footer{padding-top:40px;border-top:1px solid var(--border-subtle)}.detail__footer-link{display:inline-flex;align-items:center;gap:8px;font-size:15px;font-weight:500;color:var(--accent);transition:all var(--duration-fast) var(--ease-out);padding:8px 0}.detail__footer-link:hover{gap:12px}.detail-404{min-height:100vh;display:flex;align-items:center;justify-content:center}.detail-404__inner{text-align:center}.detail-404__code{display:block;font-family:var(--font-mono);font-size:120px;font-weight:800;color:var(--text-faint);line-height:1;margin-bottom:16px}.detail-404 h1{font-size:24px;font-weight:600;color:var(--text-primary);margin-bottom:32px}.detail-404__back{display:inline-flex;align-items:center;padding:12px 28px;border-radius:999px;background:var(--accent-gradient);color:var(--btn-primary-text);font-size:15px;font-weight:500}@media (max-width: 768px){.detail__content{padding:40px 24px 60px}.detail__intro p{font-size:16px}}:root{color-scheme:dark;--bg-base: #08080a;--bg-surface: #101013;--bg-elevated: #16161b;--bg-hover: #1c1c22;--border-subtle: rgba(255, 255, 255, .06);--border-default: rgba(255, 255, 255, .1);--border-strong: rgba(255, 255, 255, .16);--text-primary: #f4f4f6;--text-secondary: #a8a8b3;--text-tertiary: #6b6b76;--text-faint: #404048;--accent: #a8f57a;--accent-bright: #b8ff8a;--accent-glow: rgba(168, 245, 122, .35);--accent-dim: rgba(168, 245, 122, .12);--accent-gradient: linear-gradient(135deg, #a8f57a 0%, #4dd4ac 50%, #4a90d4 100%);--accent-2: #4dd4ac;--accent-2-glow: rgba(77, 212, 172, .25);--container-width: 900px;--container-padding: 48px;--nav-height: 72px;--glass-bg: rgba(16, 16, 19, .7);--glass-blur: 20px;--shadow-card: 0 4px 24px rgba(0, 0, 0, .4);--shadow-elevated: 0 8px 40px rgba(0, 0, 0, .6);--shadow-glow: 0 0 60px rgba(168, 245, 122, .2);--hero-grid-color: rgba(255, 255, 255, .025);--contact-grid-color: rgba(255, 255, 255, .02);--project-card-img-bg: linear-gradient(135deg, #1a1a1a 0%, #111111 50%, #0a0a0a 100%);--project-mockup-bg: rgba(255, 255, 255, .06);--project-mockup-border: rgba(255, 255, 255, .1);--project-mockup-bar-border: rgba(255, 255, 255, .08);--project-mockup-line-bg: rgba(255, 255, 255, .08);--project-img-label: rgba(255, 255, 255, .3);--project-img-grid: rgba(255, 255, 255, .04);--btn-primary-text: #fff;--nav-logo-mark-text: #fff}[data-theme=light]{color-scheme:light;--bg-base: #ffffff;--bg-surface: #f5f5f7;--bg-elevated: #ffffff;--bg-hover: #f0f0f5;--border-subtle: rgba(0, 0, 0, .06);--border-default: rgba(0, 0, 0, .1);--border-strong: rgba(0, 0, 0, .16);--text-primary: #111111;--text-secondary: #4a4a5a;--text-tertiary: #7a7a8a;--text-faint: #a0a0b0;--accent: #76d44a;--accent-bright: #86e85a;--accent-glow: rgba(118, 212, 74, .25);--accent-dim: rgba(118, 212, 74, .1);--accent-gradient: linear-gradient(135deg, #76d44a 0%, #3db894 50%, #3a7ad4 100%);--accent-2: #3db894;--accent-2-glow: rgba(61, 184, 148, .2);--glass-bg: rgba(255, 255, 255, .7);--glass-blur: 20px;--shadow-card: 0 4px 24px rgba(0, 0, 0, .06);--shadow-elevated: 0 8px 40px rgba(0, 0, 0, .1);--shadow-glow: 0 0 60px rgba(118, 212, 74, .15);--hero-grid-color: rgba(0, 0, 0, .03);--contact-grid-color: rgba(0, 0, 0, .025);--project-card-img-bg: linear-gradient(135deg, #f0f2f5 0%, #e8eaed 50%, #e0e2e6 100%);--project-mockup-bg: rgba(0, 0, 0, .04);--project-mockup-border: rgba(0, 0, 0, .08);--project-mockup-bar-border: rgba(0, 0, 0, .06);--project-mockup-line-bg: rgba(0, 0, 0, .06);--project-img-label: rgba(0, 0, 0, .3);--project-img-grid: rgba(0, 0, 0, .03);--btn-primary-text: #fff;--nav-logo-mark-text: #111}:root{--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--duration-fast: .2s;--duration-normal: .4s;--duration-slow: .7s;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "SF Mono", "Fira Code", monospace}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-sans);background:var(--bg-base);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;overflow-y:auto;line-height:1.6}a{color:inherit;text-decoration:none;transition:color var(--duration-fast) var(--ease-out)}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}img{max-width:100%;display:block}.container{max-width:var(--container-width);margin:0 auto;padding:0 var(--container-padding)}.section{position:relative}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-base)}::-webkit-scrollbar-thumb{background:var(--text-faint);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}::selection{background:var(--accent-glow);color:var(--text-primary)}@keyframes fadeUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes pulse{0%,to{opacity:.4}50%{opacity:.8}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes gridMove{0%{transform:translate(0)}to{transform:translate(50px,50px)}}@keyframes orbFloat{0%,to{transform:translate(0) scale(1)}33%{transform:translate(60px,-40px) scale(1.1)}66%{transform:translate(-40px,30px) scale(.95)}}@keyframes shineSweep{0%{transform:translate(-150%) skew(-20deg)}to{transform:translate(250%) skew(-20deg)}}@keyframes iconBounce{0%{transform:scale(1) rotate(0)}30%{transform:scale(1.2) rotate(-8deg)}60%{transform:scale(.95) rotate(4deg)}to{transform:scale(1) rotate(0)}}@keyframes glowPulse{0%,to{box-shadow:0 0 0 0 var(--card-glow, transparent)}50%{box-shadow:0 0 24px 4px var(--card-glow, transparent)}}@keyframes floatUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-16px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:translate(0)}}@keyframes borderTrace{0%{background-position:0% 50%}to{background-position:200% 50%}}@keyframes scaleIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.shine-sweep{position:relative;overflow:hidden}.shine-sweep:after{content:"";position:absolute;top:0;left:0;width:60%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);transform:translate(-150%) skew(-20deg);pointer-events:none;z-index:1}.shine-sweep:hover:after{animation:shineSweep .7s var(--ease-out)}.card-tilt{transform-style:preserve-3d;perspective:800px}.card-tilt-inner{transition:transform .4s var(--ease-out),box-shadow .4s var(--ease-out),border-color .4s var(--ease-out);transform-style:preserve-3d}.card-tilt:hover .card-tilt-inner{transform:perspective(800px) rotateX(2deg) rotateY(-3deg) translateY(-6px)}.stagger-children>*{opacity:0;transform:translateY(16px);transition:opacity .5s var(--ease-out),transform .5s var(--ease-out)}.stagger-children.is-visible>*:nth-child(1){transition-delay:.05s;opacity:1;transform:translateY(0)}.stagger-children.is-visible>*:nth-child(2){transition-delay:.1s;opacity:1;transform:translateY(0)}.stagger-children.is-visible>*:nth-child(3){transition-delay:.15s;opacity:1;transform:translateY(0)}.stagger-children.is-visible>*:nth-child(4){transition-delay:.2s;opacity:1;transform:translateY(0)}.stagger-children.is-visible>*:nth-child(5){transition-delay:.25s;opacity:1;transform:translateY(0)}.stagger-children.is-visible>*:nth-child(6){transition-delay:.3s;opacity:1;transform:translateY(0)}.reveal{opacity:0;transform:translateY(40px);transition:opacity .8s var(--ease-out),transform .8s var(--ease-out)}.reveal.is-visible{opacity:1;transform:translateY(0)}.reveal-delay-1{transition-delay:.1s}.reveal-delay-2{transition-delay:.2s}.reveal-delay-3{transition-delay:.3s}.reveal-delay-4{transition-delay:.4s}.reveal-delay-5{transition-delay:.5s}.scroll-progress{position:fixed;top:0;left:0;right:0;height:2px;background:var(--accent-gradient);transform-origin:left;z-index:1001;transform:scaleX(0);transition:transform .1s linear}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}