.hero{position:relative;min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:2rem 1rem 4rem;overflow:hidden}@media (min-width: 480px){.hero{padding:2rem 1.5rem 4rem}}.hero__blobs{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.hero__blob{position:absolute;border-radius:50%;filter:blur(80px);opacity:.4;animation:blob-float 20s ease-in-out infinite}.hero__blob:nth-child(1){width:400px;height:400px;background:#00ffc826;top:10%;left:20%;animation-delay:0s}.hero__blob:nth-child(2){width:300px;height:300px;background:#ff33661a;top:60%;right:15%;animation-delay:-7s}.hero__blob:nth-child(3){width:250px;height:250px;background:#00ffc814;bottom:20%;left:50%;animation-delay:-14s}@keyframes blob-float{0%,to{transform:translate(0) scale(1)}25%{transform:translate(30px,-40px) scale(1.05)}50%{transform:translate(-20px,20px) scale(.95)}75%{transform:translate(40px,30px) scale(1.02)}}.hero__gradient{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 80% 50% at 50% -20%,rgba(0,255,200,.12),transparent),radial-gradient(ellipse 60% 40% at 80% 60%,rgba(255,51,102,.06),transparent);pointer-events:none;animation:gradient-drift 18s ease-in-out infinite}@keyframes gradient-drift{0%,to{opacity:1;transform:scale(1) rotate(0)}33%{opacity:.9;transform:scale(1.05) rotate(1deg)}66%{opacity:1;transform:scale(.98) rotate(-1deg)}}.hero__content{position:relative;z-index:1;max-width:42rem;text-align:center}.hero__label{font-family:var(--font-mono);font-size:.875rem;font-weight:500;letter-spacing:.15em;text-transform:uppercase;color:var(--accent);margin:0 0 1.5rem}.hero__title{position:relative;font-size:clamp(2.5rem,6.5vw,4rem);font-weight:800;font-stretch:100%;line-height:1.1;letter-spacing:-.02em;margin:0 auto 1.5rem;max-width:16ch;color:var(--text)}.hero__title-inner{position:relative;z-index:1}.hero__word{display:inline-block;margin-right:.15em}.hero__word:last-of-type{margin-right:0}.hero__glitch{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0}.hero__glitch-layer{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);white-space:nowrap;font-size:inherit;font-weight:800;opacity:0;animation:glitch-burst .4s ease-out forwards}.hero__glitch-layer--1{color:var(--accent);text-shadow:2px 0 var(--danger);animation-delay:0s;clip-path:inset(0 0 50% 0)}.hero__glitch-layer--2{color:var(--danger);text-shadow:-2px 0 var(--accent);animation-delay:.05s;clip-path:inset(50% 0 0 0)}@keyframes glitch-burst{0%{opacity:.9;transform:translate(-50%,-50%) translate(-3px)}25%{transform:translate(-50%,-50%) translate(3px,2px)}50%{transform:translate(-50%,-50%) translate(-2px,-2px)}75%{transform:translate(-50%,-50%) translate(2px,1px)}to{opacity:0;transform:translate(-50%,-50%) translate(0)}}.hero__tagline{font-size:clamp(1rem,2.5vw,1.25rem);color:var(--text-muted);max-width:36ch;margin:0 auto 2.5rem;line-height:1.6}.hero__cta{margin-top:2rem}.hero__link{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-family:var(--font-mono);font-size:.9rem;font-weight:500;color:var(--accent);padding:.75rem 1.5rem;min-height:44px;border:2px solid var(--accent);border-radius:999px;transition:background .25s,color .25s,box-shadow .25s;will-change:transform;-webkit-backface-visibility:hidden;backface-visibility:hidden}.hero__link:hover{background:var(--accent);color:var(--bg);box-shadow:0 0 30px var(--accent-glow)}.hero__link-arrow{display:inline-block;transition:transform .3s ease}.hero__link:hover .hero__link-arrow{transform:translateY(4px)}.hero__scroll-hint{position:absolute;bottom:2rem;left:50%;transform:translate(-50%)}.hero__scroll-line{display:block;width:1px;height:48px;background:linear-gradient(to bottom,var(--accent),transparent);animation:scroll-pulse 2s ease-in-out infinite}@keyframes scroll-pulse{0%,to{opacity:.4;transform:scaleY(.8);transform-origin:top}50%{opacity:1;transform:scaleY(1);transform-origin:top}}.nav{position:fixed;top:0;left:0;right:0;z-index:1000;display:flex;align-items:center;justify-content:space-between;padding:1rem 5.5rem 1rem 1.5rem;transition:background .3s,backdrop-filter .3s}.nav--scrolled{background:#060608d9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}[data-theme=light] .nav--scrolled{background:#f4f4f6e6}.nav__logo{font-family:var(--font-mono);font-weight:700;font-size:1rem;color:var(--accent);letter-spacing:.05em}.nav__logo:hover{color:var(--text)}.nav__links{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:2rem;list-style:none;margin:0;padding:0}.nav__link{font-size:.9rem;font-weight:500;color:var(--text-muted);transition:color .2s}.nav__link:hover{color:var(--accent)}@media (max-width: 640px){.nav__links{gap:1.25rem}.nav__link{font-size:.85rem}}.section{position:relative}.section__inner{max-width:72rem;margin:0 auto;padding:0 1rem}@media (min-width: 480px){.section__inner{padding:0 1.5rem}}.section__title{font-size:clamp(2rem,5vw,3rem);font-weight:800;font-stretch:100%;letter-spacing:-.02em;margin:0 0 2.5rem;color:var(--text)}.section__title:after{content:"";display:block;width:0;height:4px;background:linear-gradient(90deg,var(--accent),var(--accent-dim));margin-top:.5rem;border-radius:2px;transition:width .6s cubic-bezier(.22,1,.36,1);box-shadow:0 0 12px var(--accent-glow)}.section__title.in-view:after{width:4rem}.about{padding:6rem 1.5rem}.about__content{max-width:42rem}.about__text{font-size:1.125rem;color:var(--text-muted);line-height:1.75;margin:0 0 1.5rem}.about__meta{font-family:var(--font-mono);font-size:.9rem;color:var(--text)}.about__meta strong{color:var(--accent)}.experience{padding:6rem 1.5rem;background:var(--bg-elevated)}.exp__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2rem}.exp__item{padding:1.75rem;background:var(--surface);border:1px solid var(--border);border-radius:12px;transition:border-color .25s,box-shadow .25s}.exp__item:hover{border-color:#00ffc84d;box-shadow:0 0 40px #00ffc80f}.exp__header{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:.75rem}.exp__role{font-size:1.125rem;font-weight:700;margin:0 0 .25rem;color:var(--text)}.exp__company{font-family:var(--font-mono);font-size:.9rem;color:var(--accent);margin:0}.exp__meta{text-align:right;font-family:var(--font-mono);font-size:.8rem;color:var(--text-muted)}.exp__period{display:block}.exp__location{display:block;margin-top:.25rem}.exp__desc{font-size:.95rem;color:var(--text-muted);line-height:1.6;margin:0}.projects{padding:6rem 1.5rem}.projects__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(320px,100%),1fr));gap:1.5rem}.project-card{display:block;position:relative;background:#121216;border:1px solid #1e1e24;border-radius:12px;color:#e8e8ec;transition:border-color .25s,box-shadow .25s,background .25s;perspective:800px;overflow:hidden}.project-card__tilt{display:block;padding:0;border-radius:12px;transition:transform .2s ease-out}.project-card__img-wrap{position:relative;width:100%;aspect-ratio:16 / 10;overflow:hidden}.project-card__img-wrap:after{content:"";position:absolute;bottom:0;left:0;right:0;height:50%;background:linear-gradient(to top,#121216,transparent);pointer-events:none}.project-card__img{width:100%;height:100%;object-fit:cover;display:block;vertical-align:top}.project-card:hover{border-color:#00ffc8;box-shadow:0 0 50px #00ffc840;background:#00ffc808}.project-card__content{padding:1.75rem}.project-card__tilt--has-img .project-card__content{padding-top:1.25rem}.project-card__tech{font-family:var(--font-mono);font-size:.75rem;color:#00ffc8;text-transform:uppercase;letter-spacing:.1em;margin-bottom:.5rem;display:block}.project-card__name{font-size:1.25rem;font-weight:700;margin:0 0 .5rem;color:#e8e8ec}.project-card__desc{font-size:.9rem;color:#8888a0;line-height:1.5;margin:0 0 1rem}.project-card__arrow{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:50%;background:#00ffc8;color:#060608;font-size:1rem;transition:transform .25s}.project-card:hover .project-card__arrow{transform:translate(4px,-4px)}.contact{padding:6rem 1.5rem 4rem;background:var(--bg-elevated)}.contact__inner{text-align:center}.contact__inner .section__title{text-align:left}.contact__inner .section__title:after{margin-top:.5rem}.contact__lead{font-size:1.125rem;color:var(--text-muted);margin:0 auto 2rem;max-width:42ch}.contact__links{display:flex;flex-wrap:wrap;justify-content:center;gap:1.75rem;margin-bottom:1.5rem}.contact__email-wrap{margin:0 0 3rem}.contact__email{font-family:var(--font-mono);font-size:1rem;font-weight:500;color:var(--accent);word-break:break-all}.contact__email:hover{color:var(--accent-dim);text-decoration:underline}.contact__link{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--font-mono);font-size:1rem;font-weight:500;color:var(--accent);padding:.75rem 1.25rem;min-height:44px;border:1px solid var(--border);border-radius:8px;transition:all .25s ease}.contact__link:hover{border-color:var(--accent);background:#00ffc814;box-shadow:0 0 25px var(--accent-glow)}.contact__link-icon{font-size:.9em;opacity:.8;transition:transform .25s}.contact__link:hover .contact__link-icon{transform:translate(2px,-2px)}.contact__footer{font-family:var(--font-mono);font-size:.8rem;color:var(--text-muted);margin:0}.scroll-progress{position:fixed;top:0;left:0;right:0;height:3px;background:var(--border);z-index:9999;transform-origin:left}.scroll-progress__bar{display:block;height:100%;width:100%;background:linear-gradient(90deg,var(--accent),#00cc9e);transform-origin:left;box-shadow:0 0 20px var(--accent-glow)}.theme-toggle{position:fixed;top:1rem;right:1.25rem;z-index:1001;width:52px;height:28px;padding:0;border:2px solid var(--border);border-radius:999px;background:var(--surface);color:var(--text);cursor:pointer;transition:border-color .2s,background .2s}.theme-toggle:hover{border-color:var(--accent)}.theme-toggle:focus{outline:none;box-shadow:0 0 0 2px var(--accent-glow)}.theme-toggle__icon{position:absolute;top:50%;transform:translateY(-50%);font-size:.85rem;opacity:.5;pointer-events:none}.theme-toggle__icon--sun{left:8px}.theme-toggle__icon--moon{right:8px}.theme-toggle__thumb{position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:var(--accent);transition:transform .25s cubic-bezier(.22,1,.36,1);pointer-events:none;box-shadow:0 0 12px var(--accent-glow)}.theme-toggle__thumb--dark{transform:translate(24px)}:root,[data-theme=dark]{--bg: #060608;--bg-elevated: #0c0c0f;--surface: #121216;--border: #1e1e24;--text: #e8e8ec;--text-muted: #8888a0;--accent: #00ffc8;--accent-dim: #00cc9e;--accent-glow: rgba(0, 255, 200, .25);--danger: #ff3366;--font-sans: "Outfit", system-ui, sans-serif;--font-mono: "JetBrains Mono", monospace}[data-theme=light]{--bg: #f4f4f6;--bg-elevated: #ffffff;--surface: #ffffff;--border: #e2e2e8;--text: #1a1a1e;--text-muted: #5c5c6d;--accent: #00997a;--accent-dim: #007a61;--accent-glow: rgba(0, 153, 122, .2);--danger: #cc2952}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--font-sans);font-stretch:100%;background:var(--bg);color:var(--text);line-height:1.5;-webkit-font-smoothing:antialiased;overflow-x:hidden}body.custom-cursor-active{cursor:none}#root{min-height:100vh}a{color:var(--accent);text-decoration:none;transition:color .2s,box-shadow .2s}a:hover{color:var(--accent-dim)}::selection{background:var(--accent);color:var(--bg)}.noise{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:9998;opacity:.06;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E")}[data-theme=light] .noise{opacity:.04}