:root{--color-bg:#0a0a0b;--color-surface:#111113;--color-surface-2:#16161a;--color-border:#1e1e24;--color-border-2:#2a2a32;--color-text-1:#f0f0f2;--color-text-2:#a0a0aa;--color-text-3:#6b6b78;--color-accent:#00d4b4;--color-accent-dim:rgba(0,212,180,0.08);--color-accent-mid:rgba(0,212,180,0.18);--font-sans:"Inter",system-ui,-apple-system,sans-serif;--font-mono:"JetBrains Mono","Fira Code",monospace;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--text-6xl:3.75rem;--text-7xl:4.5rem;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--space-32:8rem;--max-width:1200px;--nav-height:64px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-full:9999px;--shadow-sm:0 1px 3px rgba(0,0,0,0.4);--shadow-md:0 4px 16px rgba(0,0,0,0.5);--shadow-accent:0 0 20px rgba(0,212,180,0.12);--transition-fast:150ms ease;--transition-base:250ms ease;--transition-slow:400ms ease}*,:after,:before{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:"Inter",system-ui,-apple-system,sans-serif;font-family:var(--font-sans);font-size:1rem;font-size:var(--text-base);line-height:1.6;color:#f0f0f2;color:var(--color-text-1);background-color:#0a0a0b;background-color:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}a{text-decoration:none;color:inherit}img{max-width:100%;display:block;-webkit-user-select:none;-ms-user-select:none;user-select:none}ol,ul{list-style:none}button{cursor:pointer;border:none;background:none;font-family:inherit}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#0a0a0b;background:var(--color-bg)}::-webkit-scrollbar-thumb{background:#2a2a32;background:var(--color-border-2);border-radius:9999px;border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:#6b6b78;background:var(--color-text-3)}:focus-visible{outline:2px solid #00d4b4;outline:2px solid var(--color-accent);outline-offset:3px;border-radius:4px;border-radius:var(--radius-sm)}.container{width:100%;max-width:1200px;max-width:var(--max-width);margin:0 auto;padding:0 2rem;padding:0 var(--space-8)}.section{padding:8rem 0;padding:var(--space-32) 0}.section-label{font-family:"JetBrains Mono","Fira Code",monospace;font-family:var(--font-mono);font-size:.75rem;font-size:var(--text-xs);font-weight:500;letter-spacing:.15em;text-transform:uppercase;color:#00d4b4;color:var(--color-accent);margin-bottom:1rem;margin-bottom:var(--space-4)}.section-title{font-size:2.25rem;font-size:var(--text-4xl);font-weight:700;line-height:1.15;color:#f0f0f2;color:var(--color-text-1);margin-bottom:1.5rem;margin-bottom:var(--space-6);letter-spacing:-.02em}.section-subtitle{font-size:1.125rem;font-size:var(--text-lg);color:#a0a0aa;color:var(--color-text-2);line-height:1.7;max-width:640px}.tech-chip{display:inline-flex;align-items:center;grid-gap:.5rem;gap:.5rem;grid-gap:var(--space-2);gap:var(--space-2);padding:.25rem .75rem;padding:var(--space-1) var(--space-3);font-family:"JetBrains Mono","Fira Code",monospace;font-family:var(--font-mono);font-size:.75rem;font-size:var(--text-xs);font-weight:500;color:#00d4b4;color:var(--color-accent);background:rgba(0,212,180,.08);background:var(--color-accent-dim);border:1px solid rgba(0,212,180,.2);border-radius:4px;border-radius:var(--radius-sm);transition:background .15s ease,border-color .15s ease;transition:background var(--transition-fast),border-color var(--transition-fast)}.tech-chip:hover{background:rgba(0,212,180,.18);background:var(--color-accent-mid);border-color:rgba(0,212,180,.4)}.reveal{opacity:0;-webkit-transform:translateY(24px);transform:translateY(24px);transition:opacity .6s ease,-webkit-transform .6s ease;transition:opacity .6s ease,transform .6s ease;transition:opacity .6s ease,transform .6s ease,-webkit-transform .6s ease}.reveal.visible{opacity:1;-webkit-transform:translateY(0);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}@media (prefers-reduced-motion:reduce){*,:after,:before{-webkit-animation-duration:.01ms!important;animation-duration:.01ms!important;-webkit-animation-iteration-count:1!important;animation-iteration-count:1!important;transition-duration:.01ms!important}html{scroll-behavior:auto}.reveal{opacity:1;-webkit-transform:none;transform:none;transition:none}}.section-divider{width:48px;height:2px;background:#00d4b4;background:var(--color-accent);margin-bottom:3rem;margin-bottom:var(--space-12)}@media (max-width:768px){.container{padding:0 1.25rem;padding:0 var(--space-5)}.section{padding:5rem 0;padding:var(--space-20) 0}.section-title{font-size:1.875rem;font-size:var(--text-3xl)}}@media (max-width:480px){.container{padding:0 1rem;padding:0 var(--space-4)}.section-title{font-size:1.5rem;font-size:var(--text-2xl)}}.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;height:var(--nav-height);background:transparent;border-bottom:1px solid transparent;transition:background var(--transition-base),border-color var(--transition-base),box-shadow var(--transition-base)}.navbar--scrolled{background:rgba(10,10,11,.92);border-bottom-color:var(--color-border);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.navbar__inner{justify-content:space-between;height:100%}.navbar__inner,.navbar__logo{display:flex;align-items:center}.navbar__logo{font-family:var(--font-mono);font-size:var(--text-lg);font-weight:500;color:var(--color-text-1);letter-spacing:-.02em;transition:color var(--transition-fast)}.navbar__logo-dot,.navbar__logo:hover{color:var(--color-accent)}.navbar__logo-dot{font-size:var(--text-2xl);line-height:1;margin-left:1px}.navbar__links{display:flex;align-items:center;grid-gap:var(--space-8);gap:var(--space-8)}.navbar__link{font-size:var(--text-sm);font-weight:500;color:var(--color-text-2);transition:color var(--transition-fast);position:relative;padding-bottom:2px}.navbar__link:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:1px;background:var(--color-accent);transition:width var(--transition-base)}.navbar__link:hover{color:var(--color-text-1)}.navbar__link--active:after,.navbar__link:hover:after{width:100%}.navbar__link--active{color:var(--color-text-1)}.navbar__hamburger{display:none;flex-direction:column;justify-content:center;grid-gap:5px;gap:5px;width:36px;height:36px;padding:var(--space-1);border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition-fast)}.navbar__hamburger:hover{background:var(--color-surface-2)}.navbar__hamburger span{display:block;height:1.5px;background:var(--color-text-2);border-radius:var(--radius-full);transition:opacity var(--transition-base),width var(--transition-base),-webkit-transform var(--transition-base);transition:transform var(--transition-base),opacity var(--transition-base),width var(--transition-base);transition:transform var(--transition-base),opacity var(--transition-base),width var(--transition-base),-webkit-transform var(--transition-base);-webkit-transform-origin:center;transform-origin:center}.navbar__hamburger span:nth-child(2){width:75%}.navbar__hamburger--open span:first-child{-webkit-transform:translateY(6.5px) rotate(45deg);transform:translateY(6.5px) rotate(45deg)}.navbar__hamburger--open span:nth-child(2){opacity:0;width:0}.navbar__hamburger--open span:nth-child(3){-webkit-transform:translateY(-6.5px) rotate(-45deg);transform:translateY(-6.5px) rotate(-45deg)}.navbar__mobile{position:fixed;top:var(--nav-height);right:0;width:280px;height:calc(100vh - var(--nav-height));background:var(--color-surface);border-left:1px solid var(--color-border);padding:var(--space-8) var(--space-6);-webkit-transform:translateX(100%);transform:translateX(100%);transition:-webkit-transform var(--transition-slow);transition:transform var(--transition-slow);transition:transform var(--transition-slow),-webkit-transform var(--transition-slow);z-index:999;overflow-y:auto}.navbar__mobile--open{-webkit-transform:translateX(0);transform:translateX(0)}.navbar__mobile-links{display:flex;flex-direction:column;grid-gap:var(--space-2);gap:var(--space-2)}.navbar__mobile-link{display:block;padding:var(--space-3) var(--space-4);font-size:var(--text-base);font-weight:500;color:var(--color-text-2);border-radius:var(--radius-md);transition:color var(--transition-fast),background var(--transition-fast)}.navbar__mobile-link--active,.navbar__mobile-link:hover{color:var(--color-accent);background:var(--color-accent-dim)}.navbar__overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:998;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}@media (max-width:768px){.navbar__links{display:none}.navbar__hamburger{display:flex}}.footer{border-top:1px solid var(--color-border);background:var(--color-surface);padding:var(--space-8) 0}.footer__inner{display:flex;align-items:center;justify-content:space-between;grid-gap:var(--space-6);gap:var(--space-6);flex-wrap:wrap}.footer__brand{display:flex;flex-direction:column;grid-gap:var(--space-1);gap:var(--space-1)}.footer__name{font-size:var(--text-base);font-weight:600;color:var(--color-text-1)}.footer__title{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-3)}.footer__links{display:flex;grid-gap:var(--space-4);gap:var(--space-4)}.footer__link{display:inline-flex;align-items:center;grid-gap:var(--space-2);gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text-3);transition:color var(--transition-fast)}.footer__link:hover{color:var(--color-text-1)}.footer__copy{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-3)}@media (max-width:640px){.footer__inner{flex-direction:column;align-items:flex-start;grid-gap:var(--space-4);gap:var(--space-4)}}.landing{position:relative;min-height:100vh;display:flex;align-items:center;overflow:hidden}.landing__grid{inset:0;background-image:radial-gradient(circle,hsla(0,0%,100%,.04) 1px,transparent 0);background-size:32px 32px}.landing:before,.landing__grid{position:absolute;pointer-events:none}.landing:before{content:"";top:-200px;right:-200px;width:600px;height:600px;background:radial-gradient(circle,rgba(0,212,180,.06) 0,transparent 70%)}.landing__inner{position:relative;z-index:1;padding-top:calc(var(--nav-height) + var(--space-16));padding-bottom:var(--space-32);display:grid;grid-template-columns:1fr 380px;grid-gap:var(--space-16);gap:var(--space-16);align-items:center}.landing__content{display:flex;flex-direction:column;grid-gap:var(--space-10);gap:var(--space-10)}.landing__label{display:inline-flex;align-items:center;grid-gap:var(--space-2);gap:var(--space-2)}.landing__heading-wrap{max-width:820px}.landing__name{font-size:clamp(var(--text-5xl),8vw,var(--text-7xl));font-weight:700;line-height:1.05;letter-spacing:-.03em;color:var(--color-text-1);margin-bottom:var(--space-6)}.landing__title{font-size:clamp(var(--text-xl),3vw,var(--text-3xl));font-weight:400;line-height:1.4;color:var(--color-text-2);letter-spacing:-.01em;max-width:680px}.landing__title-accent{color:var(--color-text-1);font-weight:500}.landing__tags{display:flex;flex-wrap:wrap;grid-gap:var(--space-2);gap:var(--space-2);align-items:center}.landing__tag{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-3);padding:3px var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);transition:color var(--transition-fast),border-color var(--transition-fast)}.landing__tag:hover{color:var(--color-text-2);border-color:var(--color-border-2)}.landing__ctas{display:flex;flex-wrap:wrap;grid-gap:var(--space-3);gap:var(--space-3);align-items:center}.btn{display:inline-flex;align-items:center;grid-gap:var(--space-2);gap:var(--space-2);padding:var(--space-3) var(--space-6);font-size:var(--text-sm);font-weight:500;border-radius:var(--radius-md);transition:background var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast),-webkit-transform var(--transition-fast);transition:background var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast);transition:background var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast),-webkit-transform var(--transition-fast);white-space:nowrap}.btn:hover{-webkit-transform:translateY(-1px);transform:translateY(-1px)}.btn--primary{background:var(--color-accent);color:#0a0a0b;font-weight:600}.btn--primary:hover{background:#00eece;box-shadow:0 4px 20px rgba(0,212,180,.3)}.btn--secondary{background:var(--color-surface-2);color:var(--color-text-1);border:1px solid var(--color-border)}.btn--secondary:hover{background:var(--color-surface);border-color:var(--color-border-2)}.btn--ghost{background:transparent;color:var(--color-text-2);border:1px solid var(--color-border);padding:var(--space-3) var(--space-5)}.btn--ghost:hover{color:var(--color-text-1);border-color:var(--color-border-2);background:var(--color-surface)}.landing__image-wrap{position:relative;display:flex;align-items:center;justify-content:center;flex-shrink:0}.landing__image-ring{position:relative;width:320px;height:320px;border-radius:50%;padding:4px;background:linear-gradient(135deg,var(--color-accent),rgba(0,212,180,.2) 50%,transparent);box-shadow:0 0 40px rgba(0,212,180,.15),0 0 80px rgba(0,212,180,.06);-webkit-animation:ringRotate 8s linear infinite;animation:ringRotate 8s linear infinite}@-webkit-keyframes ringRotate{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes ringRotate{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.landing__image{width:100%;height:100%;border-radius:50%;object-fit:cover;object-position:center top;background:var(--color-surface-2);display:block;border:3px solid var(--color-bg)}.landing__image-dot{position:absolute;border-radius:50%;-webkit-animation:floatDot 4s ease-in-out infinite;animation:floatDot 4s ease-in-out infinite}.landing__image-dot--1{width:12px;height:12px;background:var(--color-accent);top:16px;right:24px;-webkit-animation-delay:0s;animation-delay:0s;opacity:.7}.landing__image-dot--2{width:8px;height:8px;background:rgba(0,212,180,.4);bottom:32px;left:12px;-webkit-animation-delay:2s;animation-delay:2s}@-webkit-keyframes floatDot{0%,to{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-8px);transform:translateY(-8px)}}@keyframes floatDot{0%,to{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-8px);transform:translateY(-8px)}}@media (prefers-reduced-motion:reduce){.landing__image-dot,.landing__image-ring{-webkit-animation:none;animation:none}}.landing__scroll{margin-top:var(--space-8);display:flex;flex-direction:column;align-items:flex-start;grid-gap:var(--space-2);gap:var(--space-2)}.landing__scroll-icon{font-size:var(--text-lg);color:var(--color-text-3);-webkit-animation:bounceY 2s ease-in-out infinite;animation:bounceY 2s ease-in-out infinite}@-webkit-keyframes bounceY{0%,to{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(6px);transform:translateY(6px)}}@keyframes bounceY{0%,to{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(6px);transform:translateY(6px)}}@media (max-width:1024px){.landing__inner{grid-template-columns:1fr 300px;grid-gap:var(--space-10);gap:var(--space-10)}.landing__image-ring{width:260px;height:260px}}@media (max-width:768px){.landing__inner{grid-template-columns:1fr;grid-gap:var(--space-10);gap:var(--space-10);padding-bottom:var(--space-20);grid-template-rows:auto 1fr}.landing__image-wrap{order:-1;padding-top:var(--space-4)}.landing__image-ring{width:180px;height:180px}.landing__ctas{grid-gap:var(--space-2);gap:var(--space-2)}.btn{padding:var(--space-3) var(--space-4);font-size:var(--text-xs)}}@media (max-width:480px){.landing__image-wrap{display:none}.landing__ctas{flex-direction:column;align-items:flex-start}.btn{width:100%;justify-content:center}}.about{border-top:1px solid var(--color-border)}.about__content{display:grid;grid-template-columns:1fr 320px;grid-gap:var(--space-16);gap:var(--space-16);align-items:start}.about__text{display:flex;flex-direction:column;grid-gap:var(--space-5);gap:var(--space-5)}.about__intro{font-size:var(--text-lg);font-weight:500;color:var(--color-text-1);line-height:1.7}.about__para{font-size:var(--text-base);color:var(--color-text-2);line-height:1.8}.about__areas{position:sticky;top:calc(var(--nav-height) + var(--space-8));padding:var(--space-6);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.about__areas-title{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-3);margin-bottom:var(--space-5)}.about__areas-list{flex-direction:column}.about__area-item,.about__areas-list{display:flex;grid-gap:var(--space-3);gap:var(--space-3)}.about__area-item{align-items:center;font-size:var(--text-sm);color:var(--color-text-2);font-weight:500}.about__area-dot{width:5px;height:5px;background:var(--color-accent);border-radius:var(--radius-full);flex-shrink:0}@media (max-width:960px){.about__content{grid-template-columns:1fr;grid-gap:var(--space-10);gap:var(--space-10)}.about__areas{position:static}}.skills{border-top:1px solid var(--color-border);background:var(--color-surface)}.skills__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:var(--space-6);gap:var(--space-6)}.skills__group{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);transition:border-color var(--transition-base),-webkit-transform var(--transition-base);transition:border-color var(--transition-base),transform var(--transition-base);transition:border-color var(--transition-base),transform var(--transition-base),-webkit-transform var(--transition-base);transition-delay:0s;transition-delay:var(--delay,0s)}.skills__group:hover{border-color:var(--color-border-2);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.skills__group-title{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--color-text-3);margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--color-border)}.skills__chips{display:flex;flex-wrap:wrap;grid-gap:var(--space-2);gap:var(--space-2)}.skills__chip{display:inline-block;padding:var(--space-1) var(--space-3);font-size:var(--text-xs);font-weight:500;color:var(--color-text-2);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);transition:color var(--transition-fast),border-color var(--transition-fast),background var(--transition-fast);cursor:default}.skills__chip:hover{color:var(--color-accent);border-color:rgba(0,212,180,.3);background:var(--color-accent-dim)}@media (max-width:768px){.skills__grid{grid-template-columns:1fr;grid-gap:var(--space-4);gap:var(--space-4)}}.experience{border-top:1px solid var(--color-border)}.experience__timeline{position:relative;display:flex;flex-direction:column;grid-gap:0;gap:0}.experience__timeline:before{content:"";position:absolute;top:10px;left:11px;width:1px;height:calc(100% - 10px);background:linear-gradient(180deg,var(--color-accent) 0,var(--color-border) 40%,transparent)}.experience__item{display:grid;grid-template-columns:24px 1fr;grid-gap:var(--space-6);gap:var(--space-6);padding-bottom:var(--space-12);transition-delay:0s;transition-delay:var(--delay,0s)}.experience__item:last-child{padding-bottom:0}.experience__dot{position:relative;width:24px;height:24px;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:4px}.experience__dot:after{content:"";width:10px;height:10px;border-radius:var(--radius-full);background:var(--color-accent);border:2px solid var(--color-bg);box-shadow:0 0 0 2px var(--color-accent);position:relative;z-index:1}.experience__dot-pulse{position:absolute;width:20px;height:20px;border-radius:var(--radius-full);background:rgba(0,212,180,.2);-webkit-animation:pulse 2.5s ease-in-out infinite;animation:pulse 2.5s ease-in-out infinite}@-webkit-keyframes pulse{0%,to{-webkit-transform:scale(1);transform:scale(1);opacity:.6}50%{-webkit-transform:scale(1.5);transform:scale(1.5);opacity:0}}@keyframes pulse{0%,to{-webkit-transform:scale(1);transform:scale(1);opacity:.6}50%{-webkit-transform:scale(1.5);transform:scale(1.5);opacity:0}}.experience__content{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-8);transition:border-color var(--transition-base)}.experience__content:hover{border-color:var(--color-border-2)}.experience__header{display:flex;align-items:flex-start;justify-content:space-between;grid-gap:var(--space-4);gap:var(--space-4);flex-wrap:wrap;margin-bottom:var(--space-3)}.experience__meta{display:flex;flex-direction:column;grid-gap:var(--space-1);gap:var(--space-1)}.experience__role{font-size:var(--text-xl);font-weight:600;color:var(--color-text-1);letter-spacing:-.01em}.experience__company{font-size:var(--text-sm);color:var(--color-accent);font-weight:500}.experience__dates{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-3);white-space:nowrap;padding:var(--space-1) var(--space-3);background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);margin-top:3px}.experience__project{font-size:var(--text-sm);color:var(--color-text-2);margin-bottom:var(--space-5);padding:var(--space-3) var(--space-4);background:var(--color-accent-dim);border-left:2px solid var(--color-accent);border-radius:0 var(--radius-sm) var(--radius-sm) 0}.experience__project-label{font-weight:600;color:var(--color-text-1)}.experience__bullets{display:flex;flex-direction:column;grid-gap:var(--space-3);gap:var(--space-3);margin-bottom:var(--space-6)}.experience__bullet{position:relative;padding-left:var(--space-5);font-size:var(--text-sm);color:var(--color-text-2);line-height:1.7}.experience__bullet:before{content:"";position:absolute;left:0;top:9px;width:5px;height:1px;background:var(--color-text-3)}.experience__tags{display:flex;flex-wrap:wrap;grid-gap:var(--space-2);gap:var(--space-2)}@media (max-width:768px){.experience__timeline:before{display:none}.experience__item{grid-template-columns:1fr}.experience__dot{display:none}.experience__header{flex-direction:column;grid-gap:var(--space-2);gap:var(--space-2)}.experience__content{padding:var(--space-5)}}.contacts{border-top:1px solid var(--color-border)}.contacts__inner{max-width:640px}.contacts__intro{font-size:var(--text-lg);color:var(--color-text-2);line-height:1.7;margin-bottom:var(--space-10)}.contacts__links{display:flex;flex-direction:column;grid-gap:var(--space-3);gap:var(--space-3)}.contacts__link{display:flex;align-items:center;grid-gap:var(--space-5);gap:var(--space-5);padding:var(--space-5) var(--space-6);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:border-color var(--transition-base),background var(--transition-base),-webkit-transform var(--transition-fast);transition:border-color var(--transition-base),transform var(--transition-fast),background var(--transition-base);transition:border-color var(--transition-base),transform var(--transition-fast),background var(--transition-base),-webkit-transform var(--transition-fast)}.contacts__link:hover{border-color:rgba(0,212,180,.3);background:var(--color-surface-2);-webkit-transform:translateX(4px);transform:translateX(4px)}.contacts__link-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-size:var(--text-lg);color:var(--color-accent);background:var(--color-accent-dim);border-radius:var(--radius-md);flex-shrink:0;transition:background var(--transition-fast)}.contacts__link:hover .contacts__link-icon{background:var(--color-accent-mid)}.contacts__link-body{display:flex;flex-direction:column;grid-gap:2px;gap:2px}.contacts__link-label{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-3);text-transform:uppercase;letter-spacing:.1em}.contacts__link-value{font-size:var(--text-base);font-weight:500;color:var(--color-text-1)}@media (max-width:480px){.contacts__link{padding:var(--space-4) var(--space-4);grid-gap:var(--space-4);gap:var(--space-4)}}.projects{border-top:1px solid var(--color-border)}.projects__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(480px,1fr));grid-gap:var(--space-6);gap:var(--space-6)}.project-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-8);display:flex;flex-direction:column;grid-gap:var(--space-5);gap:var(--space-5);transition:border-color var(--transition-base),box-shadow var(--transition-base),-webkit-transform var(--transition-base);transition:border-color var(--transition-base),transform var(--transition-base),box-shadow var(--transition-base);transition:border-color var(--transition-base),transform var(--transition-base),box-shadow var(--transition-base),-webkit-transform var(--transition-base);transition-delay:0s;transition-delay:var(--delay,0s);position:relative;overflow:hidden}.project-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--color-accent),transparent);opacity:0;transition:opacity var(--transition-base)}.project-card:hover{border-color:var(--color-border-2);-webkit-transform:translateY(-3px);transform:translateY(-3px);box-shadow:var(--shadow-md)}.project-card:hover:before{opacity:1}.project-card__header{display:flex;align-items:center;justify-content:space-between}.project-card__number{font-family:var(--font-mono);font-size:var(--text-3xl);font-weight:700;color:var(--color-border-2);line-height:1;letter-spacing:-.04em;-webkit-user-select:none;-ms-user-select:none;user-select:none}.project-card__links{display:flex;grid-gap:var(--space-3);gap:var(--space-3)}.project-card__link{display:flex;align-items:center;justify-content:center;width:36px;height:36px;font-size:var(--text-lg);color:var(--color-text-3);background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:color var(--transition-fast),border-color var(--transition-fast),background var(--transition-fast)}.project-card__link:hover{color:var(--color-accent);border-color:rgba(0,212,180,.3);background:var(--color-accent-dim)}.project-card__title{font-size:var(--text-2xl);font-weight:600;color:var(--color-text-1);line-height:1.3;letter-spacing:-.02em}.project-card__desc{font-size:var(--text-sm);color:var(--color-text-2);line-height:1.8;flex:1 1}.project-card__caps{display:flex;flex-direction:column;grid-gap:var(--space-3);gap:var(--space-3)}.project-card__caps-label{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-3)}.project-card__caps-list{display:flex;flex-direction:column;grid-gap:var(--space-2);gap:var(--space-2)}.project-card__cap-item{position:relative;padding-left:var(--space-4);font-size:var(--text-sm);color:var(--color-text-2);line-height:1.6}.project-card__cap-item:before{content:"→";position:absolute;left:0;color:var(--color-accent);font-size:var(--text-xs);top:2px}.project-card__tags{display:flex;flex-wrap:wrap;grid-gap:var(--space-2);gap:var(--space-2);padding-top:var(--space-2);border-top:1px solid var(--color-border)}.projects__github-cta{margin-top:var(--space-12);display:flex;align-items:center;justify-content:center;grid-gap:var(--space-4);gap:var(--space-4);flex-wrap:wrap}.projects__github-text{font-size:var(--text-sm);color:var(--color-text-3)}@media (max-width:1024px){.projects__grid{grid-template-columns:1fr}}@media (max-width:480px){.project-card{padding:var(--space-5)}}.architecture{border-top:1px solid var(--color-border)}.arch__diagram{margin-top:var(--space-12);display:flex;flex-direction:column;align-items:center;grid-gap:0;gap:0;padding:var(--space-10);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);position:relative;overflow:hidden}.arch__diagram:before{content:"";position:absolute;inset:0;background-image:linear-gradient(var(--color-border) 1px,transparent 0),linear-gradient(90deg,var(--color-border) 1px,transparent 0);background-size:40px 40px;opacity:.3;pointer-events:none}.arch__layer{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;grid-gap:var(--space-4);gap:var(--space-4);width:100%}.arch__layer-label{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-3)}.arch__nodes{display:flex;flex-wrap:wrap;grid-gap:var(--space-3);gap:var(--space-3);justify-content:center}.arch__node{position:relative;padding:var(--space-3) var(--space-5);font-family:var(--font-mono);font-size:var(--text-sm);font-weight:500;color:var(--color-text-2);color:var(--node-color,var(--color-text-2));background:var(--color-bg);border:1px solid color-mix(in srgb,#6b7280 30%,transparent);border:1px solid color-mix(in srgb,var(--node-color,#6b7280) 30%,transparent);border-radius:var(--radius-md);cursor:default;transition:background var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast),-webkit-transform var(--transition-fast);transition:background var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast);transition:background var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast),-webkit-transform var(--transition-fast);white-space:nowrap}.arch__node--active,.arch__node:hover{background:rgba(0,212,180,.06);border-color:rgba(0,212,180,.5);-webkit-transform:translateY(-2px);transform:translateY(-2px);box-shadow:0 4px 16px rgba(0,212,180,.1)}.arch__node[style*="#f59e0b"].arch__node--active,.arch__node[style*="#f59e0b"]:hover{background:rgba(245,158,11,.06);border-color:rgba(245,158,11,.5);box-shadow:0 4px 16px rgba(245,158,11,.1)}.arch__node[style*="#8b5cf6"].arch__node--active,.arch__node[style*="#8b5cf6"]:hover{background:rgba(139,92,246,.06);border-color:rgba(139,92,246,.5);box-shadow:0 4px 16px rgba(139,92,246,.1)}.arch__node-label{pointer-events:none}.arch__tooltip{position:absolute;bottom:calc(100% + 8px);left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:220px;padding:var(--space-3) var(--space-4);font-family:var(--font-sans);font-size:var(--text-xs);font-weight:400;color:var(--color-text-1);background:var(--color-surface-2);border:1px solid var(--color-border-2);border-radius:var(--radius-md);box-shadow:var(--shadow-md);text-align:center;pointer-events:none;opacity:0;visibility:hidden;transition:opacity var(--transition-fast),visibility var(--transition-fast),-webkit-transform var(--transition-fast);transition:opacity var(--transition-fast),visibility var(--transition-fast),transform var(--transition-fast);transition:opacity var(--transition-fast),visibility var(--transition-fast),transform var(--transition-fast),-webkit-transform var(--transition-fast);-webkit-transform:translateX(-50%) translateY(4px);transform:translateX(-50%) translateY(4px);z-index:10;white-space:normal}.arch__tooltip:after{content:"";position:absolute;top:100%;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);border:5px solid transparent;border-top:5px solid var(--color-border-2)}.arch__tooltip--visible{opacity:1;visibility:visible;-webkit-transform:translateX(-50%) translateY(0);transform:translateX(-50%) translateY(0)}.arch__connector{display:flex;flex-direction:column;align-items:center;grid-gap:var(--space-1);gap:var(--space-1);padding:var(--space-2) 0}.arch__connector-line{width:1px;height:24px;background:linear-gradient(180deg,var(--color-border-2),var(--color-border))}.arch__connector-arrow{font-size:var(--text-sm);color:var(--color-text-3);line-height:1}.arch__legend{margin-top:var(--space-8);display:flex;flex-direction:column;align-items:center;grid-gap:var(--space-4);gap:var(--space-4)}.arch__legend-label{font-size:var(--text-xs);color:var(--color-text-3);font-family:var(--font-mono)}.arch__legend-items{display:flex;flex-wrap:wrap;justify-content:center;grid-gap:var(--space-2);gap:var(--space-2)}.arch__legend-item{font-size:var(--text-xs);padding:2px var(--space-3);border-radius:var(--radius-sm);border:1px solid transparent;font-family:var(--font-mono)}.arch__legend-item--client{color:#6b7280;border-color:rgba(107,114,128,.3)}.arch__legend-item--api{color:#00d4b4;border-color:rgba(0,212,180,.3)}.arch__legend-item--data{color:#6b7280;border-color:rgba(107,114,128,.3)}.arch__legend-item--msg{color:#f59e0b;border-color:rgba(245,158,11,.3)}.arch__legend-item--ai{color:#8b5cf6;border-color:rgba(139,92,246,.3)}@media (max-width:768px){.arch__diagram{padding:var(--space-6)}.arch__node{font-size:var(--text-xs);padding:var(--space-2) var(--space-4)}.arch__tooltip{width:180px;font-size:11px}}@media (max-width:480px){.arch__nodes{grid-gap:var(--space-2);gap:var(--space-2)}.arch__legend-items{flex-direction:column;align-items:center}}.aivoice{border-top:1px solid var(--color-border);background:var(--color-surface)}.aivoice:before{content:"";position:absolute;bottom:0;left:0;width:500px;height:500px;background:radial-gradient(circle,rgba(139,92,246,.04) 0,transparent 70%);pointer-events:none}.aivoice{position:relative}.aivoice__tools{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));grid-gap:var(--space-4);gap:var(--space-4);margin-top:var(--space-10)}.aivoice__tool{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);transition:border-color var(--transition-base),-webkit-transform var(--transition-base);transition:border-color var(--transition-base),transform var(--transition-base);transition:border-color var(--transition-base),transform var(--transition-base),-webkit-transform var(--transition-base)}.aivoice__tool:hover{border-color:var(--color-border-2);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.aivoice__tool-header{display:flex;flex-direction:column;grid-gap:var(--space-2);gap:var(--space-2);margin-bottom:var(--space-3)}.aivoice__tool-category{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:500;color:#6b7280;color:var(--cat-color,#6b7280);letter-spacing:.1em;text-transform:uppercase}.aivoice__tool-name{font-size:var(--text-lg);font-weight:600;color:var(--color-text-1);letter-spacing:-.01em}.aivoice__tool-desc{font-size:var(--text-sm);color:var(--color-text-2);line-height:1.7}.aivoice__caps{margin-top:var(--space-16)}.aivoice__caps-title{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-3);margin-bottom:var(--space-6)}.aivoice__caps-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));grid-gap:var(--space-4);gap:var(--space-4)}.aivoice__cap{display:flex;flex-direction:column;grid-gap:var(--space-3);gap:var(--space-3);padding:var(--space-6);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:border-color var(--transition-base);position:relative;overflow:hidden}.aivoice__cap:hover{border-color:rgba(139,92,246,.3)}.aivoice__cap-accent{position:absolute;top:0;left:0;width:3px;height:100%;background:linear-gradient(180deg,#8b5cf6,rgba(139,92,246,.2));border-radius:var(--radius-sm) 0 0 var(--radius-sm)}.aivoice__cap-title{font-size:var(--text-base);font-weight:600;color:var(--color-text-1);padding-left:var(--space-4)}.aivoice__cap-desc{font-size:var(--text-sm);color:var(--color-text-2);line-height:1.7;padding-left:var(--space-4)}@media (max-width:768px){.aivoice__caps-grid,.aivoice__tools{grid-template-columns:1fr}}.back-to-top{position:fixed;bottom:var(--space-8);right:var(--space-8);width:44px;height:44px;display:flex;align-items:center;justify-content:center;font-size:var(--text-lg);color:var(--color-text-2);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);z-index:900;opacity:0;visibility:hidden;-webkit-transform:translateY(8px);transform:translateY(8px);transition:opacity var(--transition-base),visibility var(--transition-base),color var(--transition-fast),border-color var(--transition-fast),background var(--transition-fast),-webkit-transform var(--transition-base);transition:opacity var(--transition-base),visibility var(--transition-base),transform var(--transition-base),color var(--transition-fast),border-color var(--transition-fast),background var(--transition-fast);transition:opacity var(--transition-base),visibility var(--transition-base),transform var(--transition-base),color var(--transition-fast),border-color var(--transition-fast),background var(--transition-fast),-webkit-transform var(--transition-base);cursor:pointer}.back-to-top--visible{opacity:1;visibility:visible;-webkit-transform:translateY(0);transform:translateY(0)}.back-to-top:hover{color:var(--color-accent);border-color:rgba(0,212,180,.3);background:var(--color-accent-dim)}@media (max-width:480px){.back-to-top{bottom:var(--space-5);right:var(--space-5)}}.app{min-height:100vh;background-color:var(--color-bg)}
/*# sourceMappingURL=main.39cac02b.chunk.css.map */