.border-glow-card{--edge-proximity: 0;--cursor-angle: 45deg;--edge-sensitivity: 30;--color-sensitivity: calc(var(--edge-sensitivity) + 20);--border-radius: 12px;--glow-padding: 30px;--cone-spread: 25;position:relative;border-radius:var(--border-radius);isolation:isolate;transform:translateZ(.01px);display:grid;border:1px solid rgb(255 255 255 / 8%);background:var(--card-bg, #141416);overflow:visible}.border-glow-card:before,.border-glow-card:after,.border-glow-card>.edge-light{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;transition:opacity .25s ease-out;z-index:-1}.border-glow-card:not(:hover):before,.border-glow-card:not(:hover):after,.border-glow-card:not(:hover)>.edge-light{opacity:0;transition:opacity .75s ease-in-out}.border-glow-card:before{border:1px solid transparent;background:linear-gradient(var(--card-bg, #141416) 0 100%) padding-box,linear-gradient(#fff0,#fff0) border-box,var(--gradient-one, radial-gradient(at 80% 55%, hsla(163, 100%, 42%, 1) 0px, transparent 50%)) border-box,var(--gradient-two, radial-gradient(at 69% 34%, hsla(21, 100%, 60%, 1) 0px, transparent 50%)) border-box,var(--gradient-three, radial-gradient(at 8% 6%, hsla(195, 100%, 50%, 1) 0px, transparent 50%)) border-box,var(--gradient-four, radial-gradient(at 41% 38%, hsla(163, 100%, 42%, 1) 0px, transparent 50%)) border-box,var(--gradient-five, radial-gradient(at 86% 85%, hsla(21, 100%, 60%, 1) 0px, transparent 50%)) border-box,var(--gradient-six, radial-gradient(at 82% 18%, hsla(195, 100%, 50%, 1) 0px, transparent 50%)) border-box,var(--gradient-seven, radial-gradient(at 51% 4%, hsla(163, 100%, 42%, 1) 0px, transparent 50%)) border-box,var(--gradient-base, linear-gradient(#00D4AA 0 100%)) border-box;opacity:calc((var(--edge-proximity) - var(--color-sensitivity)) / (100 - var(--color-sensitivity)));-webkit-mask-image:conic-gradient(from var(--cursor-angle) at center,black calc(var(--cone-spread) * 1%),transparent calc((var(--cone-spread) + 15) * 1%),transparent calc((100 - var(--cone-spread) - 15) * 1%),black calc((100 - var(--cone-spread)) * 1%));mask-image:conic-gradient(from var(--cursor-angle) at center,black calc(var(--cone-spread) * 1%),transparent calc((var(--cone-spread) + 15) * 1%),transparent calc((100 - var(--cone-spread) - 15) * 1%),black calc((100 - var(--cone-spread)) * 1%))}.border-glow-card:after{border:1px solid transparent;background:var(--gradient-one, radial-gradient(at 80% 55%, hsla(163, 100%, 42%, 1) 0px, transparent 50%)) padding-box,var(--gradient-two, radial-gradient(at 69% 34%, hsla(21, 100%, 60%, 1) 0px, transparent 50%)) padding-box,var(--gradient-three, radial-gradient(at 8% 6%, hsla(195, 100%, 50%, 1) 0px, transparent 50%)) padding-box,var(--gradient-four, radial-gradient(at 41% 38%, hsla(163, 100%, 42%, 1) 0px, transparent 50%)) padding-box,var(--gradient-five, radial-gradient(at 86% 85%, hsla(21, 100%, 60%, 1) 0px, transparent 50%)) padding-box,var(--gradient-six, radial-gradient(at 82% 18%, hsla(195, 100%, 50%, 1) 0px, transparent 50%)) padding-box,var(--gradient-seven, radial-gradient(at 51% 4%, hsla(163, 100%, 42%, 1) 0px, transparent 50%)) padding-box,var(--gradient-base, linear-gradient(#00D4AA 0 100%)) padding-box;-webkit-mask-image:linear-gradient(to bottom,#000,#000),radial-gradient(ellipse at 50% 50%,black 40%,transparent 65%),radial-gradient(ellipse at 66% 66%,black 5%,transparent 40%),radial-gradient(ellipse at 33% 33%,black 5%,transparent 40%),radial-gradient(ellipse at 66% 33%,black 5%,transparent 40%),radial-gradient(ellipse at 33% 66%,black 5%,transparent 40%),conic-gradient(from var(--cursor-angle) at center,transparent 5%,black 15%,black 85%,transparent 95%);mask-image:linear-gradient(to bottom,#000,#000),radial-gradient(ellipse at 50% 50%,black 40%,transparent 65%),radial-gradient(ellipse at 66% 66%,black 5%,transparent 40%),radial-gradient(ellipse at 33% 33%,black 5%,transparent 40%),radial-gradient(ellipse at 66% 33%,black 5%,transparent 40%),radial-gradient(ellipse at 33% 66%,black 5%,transparent 40%),conic-gradient(from var(--cursor-angle) at center,transparent 5%,black 15%,black 85%,transparent 95%);-webkit-mask-composite:source-out,source-over,source-over,source-over,source-over,source-over;mask-composite:subtract,add,add,add,add,add;opacity:calc(var(--fill-opacity, .4) * (var(--edge-proximity) - var(--color-sensitivity)) / (100 - var(--color-sensitivity)));mix-blend-mode:soft-light}.border-glow-card>.edge-light{inset:calc(var(--glow-padding) * -1);pointer-events:none;z-index:1;-webkit-mask-image:conic-gradient(from var(--cursor-angle) at center,black 2.5%,transparent 10%,transparent 90%,black 97.5%);mask-image:conic-gradient(from var(--cursor-angle) at center,black 2.5%,transparent 10%,transparent 90%,black 97.5%);opacity:calc((var(--edge-proximity) - var(--edge-sensitivity)) / (100 - var(--edge-sensitivity)));mix-blend-mode:plus-lighter}.border-glow-card>.edge-light:before{content:"";position:absolute;inset:var(--glow-padding);border-radius:inherit;box-shadow:inset 0 0 0 1px var(--glow-color, hsl(163deg 100% 65% / 100%)),inset 0 0 1px 0 var(--glow-color-60, hsl(163deg 100% 65% / 60%)),inset 0 0 3px 0 var(--glow-color-50, hsl(163deg 100% 65% / 50%)),inset 0 0 6px 0 var(--glow-color-40, hsl(163deg 100% 65% / 40%)),inset 0 0 15px 0 var(--glow-color-30, hsl(163deg 100% 65% / 30%)),inset 0 0 25px 2px var(--glow-color-20, hsl(163deg 100% 65% / 20%)),inset 0 0 50px 2px var(--glow-color-10, hsl(163deg 100% 65% / 10%)),0 0 1px 0 var(--glow-color-60, hsl(163deg 100% 65% / 60%)),0 0 3px 0 var(--glow-color-50, hsl(163deg 100% 65% / 50%)),0 0 6px 0 var(--glow-color-40, hsl(163deg 100% 65% / 40%)),0 0 15px 0 var(--glow-color-30, hsl(163deg 100% 65% / 30%)),0 0 25px 2px var(--glow-color-20, hsl(163deg 100% 65% / 20%)),0 0 50px 2px var(--glow-color-10, hsl(163deg 100% 65% / 10%))}.border-glow-inner{display:flex;flex-direction:column;position:relative;overflow:hidden;z-index:1;border-radius:inherit}:root{--seed-bg: #0A0A0B;--seed-fg: #FFFFFF;--seed-primary: #00D4AA;--seed-accent: #FF6B35;--seed-surface: #141416;--seed-radius: 6px;--surface-raised: #1E1E22;--surface-overlay: rgba(10, 10, 11, .92);--text-secondary: #B8B8BC;--text-muted: #8A8A8E;--border-subtle: rgba(255, 255, 255, .06);--border-hover: rgba(255, 255, 255, .12);--glow-primary: rgba(0, 212, 170, .15);--glow-accent: rgba(255, 107, 53, .1);--font-display: "Outfit", "Noto Sans SC", -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", sans-serif;--font-body: "Inter", "Noto Sans SC", -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", sans-serif;--font-mono: "Outfit", "Noto Sans SC", "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--space-3xl: 64px;--space-4xl: 96px;--space-5xl: 128px;--radius-sm: 4px;--radius-md: var(--seed-radius);--radius-lg: 12px;--radius-xl: 20px;--radius-full: 9999px;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);background-color:var(--seed-bg);color:var(--seed-fg);font-size:16px;line-height:1.5;overflow-x:hidden;cursor:none}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse 900px 700px at 15% 30%,rgba(0,212,170,.035) 0%,transparent 60%),radial-gradient(ellipse 700px 600px at 85% 50%,rgba(255,107,53,.025) 0%,transparent 55%),radial-gradient(ellipse 800px 700px at 50% 80%,rgba(0,180,255,.02) 0%,transparent 55%),radial-gradient(ellipse 1200px 400px at 30% 100%,rgba(0,212,170,.015) 0%,transparent 50%)}a{color:var(--seed-primary);text-decoration:none;transition:color .3s var(--ease-out)}a:hover{color:var(--seed-fg)}img{max-width:100%;display:block}button{cursor:none;border:none;background:none;font-family:inherit;color:inherit}::selection{background:var(--seed-primary);color:var(--seed-bg)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--seed-bg)}::-webkit-scrollbar-thumb{background:var(--border-hover);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}:focus-visible{outline:2px solid var(--seed-primary);outline-offset:3px;border-radius:var(--radius-sm)}:focus:not(:focus-visible){outline:none}.display-xl{font-family:var(--font-display);font-size:clamp(48px,8vw,96px);font-weight:700;line-height:1;letter-spacing:-.03em;color:var(--seed-fg)}.display-lg{font-family:var(--font-display);font-size:clamp(36px,5vw,64px);font-weight:700;line-height:1.05;letter-spacing:-.025em;color:var(--seed-fg)}.heading-1{font-family:var(--font-display);font-size:clamp(28px,3.5vw,48px);font-weight:700;line-height:1.1;letter-spacing:-.02em;color:var(--seed-fg)}.heading-2{font-family:var(--font-body);font-size:clamp(20px,2vw,28px);font-weight:500;line-height:1.3;letter-spacing:-.01em;color:var(--seed-fg)}.heading-3{font-family:var(--font-body);font-size:clamp(16px,1.4vw,20px);font-weight:600;line-height:1.33;letter-spacing:-.005em;color:var(--seed-fg)}.body-text{font-family:var(--font-body);font-size:15px;font-weight:400;line-height:1.6;color:var(--text-secondary);max-width:65ch}.body-lg{font-size:18px;line-height:1.6;letter-spacing:-.01em}.caption{font-family:var(--font-body);font-size:13px;font-weight:500;letter-spacing:.02em;color:var(--text-muted)}.label{font-family:var(--font-body);font-size:12px;font-weight:500;letter-spacing:.03em;color:var(--text-muted)}.nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:var(--space-md) var(--space-xl);display:flex;align-items:center;justify-content:space-between;transition:all .4s var(--ease-out)}.nav--scrolled{background:var(--surface-overlay);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border-subtle);padding:var(--space-sm) var(--space-xl)}.nav__brand{font-family:var(--font-display);font-size:20px;font-weight:700;color:var(--seed-fg);letter-spacing:-.02em}.nav__brand--icon{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:#ffffff14;border:1px solid rgba(255,255,255,.1);transition:all .3s var(--ease-out);color:var(--seed-fg)}.nav__brand--icon:hover{background:var(--seed-primary);border-color:var(--seed-primary);color:var(--seed-bg);transform:scale(1.05)}.nav__links{display:flex;gap:var(--space-xl);list-style:none}.nav__link{font-size:13px;font-weight:500;letter-spacing:.02em;color:var(--text-secondary);transition:color .3s var(--ease-out);position:relative;padding:var(--space-xs) 0}.nav__link:hover,.nav__link--active{color:var(--seed-fg)}.nav__link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:1px;background:var(--seed-primary);transition:width .3s var(--ease-out)}.nav__link:hover:after,.nav__link--active:after{width:100%}.nav__hamburger{display:none;flex-direction:column;gap:5px;padding:var(--space-sm)}.nav__hamburger span{display:block;width:20px;height:1.5px;background:var(--seed-fg);transition:all .3s var(--ease-out)}.nav__hamburger--open span:nth-child(1){transform:translateY(6.5px) rotate(45deg)}.nav__hamburger--open span:nth-child(2){opacity:0;transform:scaleX(0)}.nav__hamburger--open span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}.nav-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:var(--seed-bg);z-index:99;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-xl);opacity:0;transition:opacity .4s var(--ease-out)}.nav-overlay--open{display:flex;opacity:1}.nav-overlay button{font-family:var(--font-body);font-size:32px;font-weight:600;color:var(--seed-fg);letter-spacing:.02em;background:none;border:none;cursor:none;transform:translateY(20px);opacity:0;animation:navReveal .5s var(--ease-out) forwards}.nav-overlay button:nth-child(2){animation-delay:.1s}.nav-overlay button:nth-child(3){animation-delay:.2s}.nav-overlay button:nth-child(4){animation-delay:.3s}@keyframes navReveal{to{transform:translateY(0);opacity:1}}@keyframes cyberFadeUp{0%{opacity:0;transform:translateY(20px);filter:blur(4px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}@keyframes cyberFadeIn{0%{opacity:0}to{opacity:1}}@keyframes glitchShift{0%,to{transform:translate(0);opacity:0}4%{transform:translate(-5px,2px) skew(-2deg);opacity:.9}8%{transform:translate(5px,-2px) skew(2deg);opacity:.9}12%{transform:translate(-3px,1px);opacity:.7}16%{transform:translate(0);opacity:0}28%{transform:translate(0);opacity:0}32%{transform:translate(7px,-1px) skew(1deg);opacity:.85}36%{transform:translate(-4px,2px);opacity:.85}40%{transform:translate(0);opacity:0}55%{transform:translate(0);opacity:0}58%{transform:translate(-6px,1px);opacity:.75}62%{transform:translate(4px,-2px) skew(-1deg);opacity:.75}66%{transform:translate(0);opacity:0}78%{transform:translate(0);opacity:0}82%{transform:translate(5px,1px);opacity:.8}86%{transform:translate(-3px,-1px);opacity:.8}90%{transform:translate(0);opacity:0}}@keyframes glitchShiftCyan{0%,to{transform:translate(0);opacity:0}5%{transform:translate(4px,-2px) skew(2deg);opacity:.8}9%{transform:translate(-5px,2px);opacity:.8}13%{transform:translate(3px,-1px) skew(-1deg);opacity:.6}17%{transform:translate(0);opacity:0}30%{transform:translate(0);opacity:0}34%{transform:translate(-6px,1px);opacity:.75}38%{transform:translate(5px,-2px) skew(1deg);opacity:.75}42%{transform:translate(0);opacity:0}57%{transform:translate(0);opacity:0}60%{transform:translate(5px,-1px);opacity:.7}64%{transform:translate(-4px,2px) skew(-1deg);opacity:.7}68%{transform:translate(0);opacity:0}80%{transform:translate(0);opacity:0}84%{transform:translate(-5px,1px);opacity:.75}88%{transform:translate(3px,-1px);opacity:.75}92%{transform:translate(0);opacity:0}}@keyframes glitchShiftHover{0%,to{transform:translate(0) skew(0);opacity:.5}5%{transform:translate(-10px,3px) skew(-6deg);opacity:1}10%{transform:translate(10px,-3px) skew(6deg);opacity:1}15%{transform:translate(-7px,2px) skew(-3deg);opacity:.9}20%{transform:translate(7px,-1px) skew(3deg);opacity:.9}25%{transform:translate(-4px,1px);opacity:.7}30%{transform:translate(4px,-2px);opacity:.7}35%{transform:translate(-8px,2px) skew(-4deg);opacity:1}40%{transform:translate(8px,-2px) skew(4deg);opacity:1}45%{transform:translate(-5px,1px);opacity:.8}50%{transform:translate(5px,-1px);opacity:.8}55%{transform:translate(-9px,3px) skew(-5deg);opacity:1}60%{transform:translate(9px,-3px) skew(5deg);opacity:1}65%{transform:translate(-6px,2px);opacity:.9}70%{transform:translate(6px,-2px);opacity:.9}75%{transform:translate(-4px,1px) skew(-2deg);opacity:.7}80%{transform:translate(4px,-1px) skew(2deg);opacity:.7}85%{transform:translate(-7px,2px) skew(-3deg);opacity:1}90%{transform:translate(7px,-2px) skew(3deg);opacity:1}95%{transform:translate(-3px,1px);opacity:.6}}@keyframes neonPulse{0%,to{filter:drop-shadow(0 0 8px rgba(0,212,170,.4)) drop-shadow(0 0 20px rgba(0,212,170,.15))}50%{filter:drop-shadow(0 0 16px rgba(0,212,170,.7)) drop-shadow(0 0 40px rgba(255,107,53,.3))}}@keyframes binaryDrift{0%{transform:translateY(-100%)}to{transform:translateY(100vh)}}@keyframes scanlineMove{0%{background-position:0 0}to{background-position:0 4px}}@keyframes scrollPulse{0%,to{height:40px;opacity:.4}50%{height:60px;opacity:.8}}@keyframes statusPulse{0%,to{opacity:1}50%{opacity:.4}}.hero-cyber{position:relative;height:80vh;min-height:500px;overflow:hidden;background:var(--seed-bg);display:flex;align-items:center;justify-content:center}.hero-cyber__particles{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden}.hero-cyber__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(180deg,rgba(10,12,16,.15) 0%,transparent 30%,transparent 70%,rgba(10,12,16,.4) 100%);pointer-events:none}.hero-cyber__scanlines{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;background:repeating-linear-gradient(0deg,transparent 0px,transparent 2px,rgba(0,0,0,.15) 2px,rgba(0,0,0,.15) 4px);pointer-events:none;animation:scanlineMove .3s linear infinite}.hero-cyber__noise{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;background:repeating-linear-gradient(90deg,transparent 0px,transparent 3px,rgba(255,255,255,.008) 3px,rgba(255,255,255,.008) 4px);pointer-events:none}.hero-cyber__binary{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;overflow:hidden;pointer-events:none}.hero-cyber__binary-col{position:absolute;top:0;font-family:JetBrains Mono,SF Mono,Cascadia Code,monospace;color:var(--seed-primary);line-height:1.6;white-space:pre;writing-mode:vertical-rl;animation:binaryDrift linear infinite;letter-spacing:.1em}.hero-cyber__corner{position:absolute;z-index:5;width:32px;height:32px;pointer-events:none}.hero-cyber__corner--tl{top:24px;left:24px;border-top:1px solid rgba(0,212,170,.3);border-left:1px solid rgba(0,212,170,.3)}.hero-cyber__corner--tr{top:24px;right:24px;border-top:1px solid rgba(0,212,170,.3);border-right:1px solid rgba(0,212,170,.3)}.hero-cyber__corner--bl{bottom:24px;left:24px;border-bottom:1px solid rgba(0,212,170,.3);border-left:1px solid rgba(0,212,170,.3)}.hero-cyber__corner--br{bottom:24px;right:24px;border-bottom:1px solid rgba(0,212,170,.3);border-right:1px solid rgba(0,212,170,.3)}.hero-cyber__content{position:relative;z-index:10;width:100%;height:100%;display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:var(--space-4xl) var(--space-5xl);pointer-events:none;gap:var(--space-3xl)}.hero-cyber__left{display:flex;align-items:center}.hero-cyber__right{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-md)}.hero-cyber__skills{display:flex;flex-direction:column;gap:var(--space-md);align-self:center}.hero-cyber__skill{font-family:var(--font-body);font-size:13px;font-weight:500;letter-spacing:.04em;color:#ffffffbf;opacity:0;transform:translate(-15px)}.hero-cyber__content--visible .hero-cyber__skill{animation:cyberFadeUp .6s cubic-bezier(.16,1,.3,1) forwards}.hero-cyber__skill:hover{color:var(--seed-primary)}.hero-cyber__title{position:relative;font-family:var(--font-display);font-size:clamp(64px,10vw,140px);font-weight:700;line-height:1;letter-spacing:-.02em;color:var(--seed-fg);opacity:0;pointer-events:auto;cursor:default;transition:filter .4s var(--ease-out)}.hero-cyber__content--visible .hero-cyber__title{animation:cyberFadeUp .8s cubic-bezier(.16,1,.3,1) .15s forwards}.hero-cyber__title--hovered{animation:neonPulse 1.2s ease-in-out infinite!important}.hero-cyber__title-main{position:relative;z-index:2;background:linear-gradient(135deg,#fff,#d8d8d8,#fff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;transition:background .4s var(--ease-out)}.hero-cyber__title--hovered .hero-cyber__title-main{background:linear-gradient(135deg,#00d4aa,#00b4ff,#ff6b35,#ff2d95,#00d4aa);background-size:200% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:neonTextFlow 2s linear infinite}@keyframes neonTextFlow{0%{background-position:0% 50%}to{background-position:200% 50%}}.hero-cyber__title-ghost{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none}.hero-cyber__title-ghost--red{color:#ff3c3cb3;-webkit-text-fill-color:rgba(255,60,60,.7);background:none;-webkit-background-clip:initial;background-clip:initial;animation:glitchShift 1.5s ease-in-out infinite;mix-blend-mode:screen}.hero-cyber__title-ghost--cyan{color:#00d4aa99;-webkit-text-fill-color:rgba(0,212,170,.6);background:none;-webkit-background-clip:initial;background-clip:initial;animation:glitchShiftCyan 1.5s ease-in-out infinite;mix-blend-mode:screen}.hero-cyber__title--hovered .hero-cyber__title-ghost--red{animation:glitchShiftHover .35s ease-in-out infinite;color:#ff2864f2;-webkit-text-fill-color:rgba(255,40,100,.95)}.hero-cyber__title--hovered .hero-cyber__title-ghost--cyan{animation:glitchShiftHover .35s ease-in-out infinite reverse;color:#00b4fff2;-webkit-text-fill-color:rgba(0,180,255,.95)}.hero-cyber__subtitle{font-family:var(--font-body);font-size:clamp(15px,1.4vw,18px);font-weight:400;letter-spacing:.06em;color:#ffffffd9;opacity:0}.hero-cyber__content--visible .hero-cyber__subtitle{animation:cyberFadeUp .7s cubic-bezier(.16,1,.3,1) .35s forwards}.hero-cyber__desc{font-family:var(--font-body);font-size:clamp(13px,1.2vw,15px);font-weight:300;line-height:1.8;color:var(--text-secondary);max-width:420px;opacity:0}.hero-cyber__content--visible .hero-cyber__desc{animation:cyberFadeUp .7s cubic-bezier(.16,1,.3,1) .5s forwards}.hero-cyber__cta{pointer-events:auto;opacity:0;margin-top:var(--space-sm)}.hero-cyber__content--visible .hero-cyber__cta{animation:cyberFadeUp .7s cubic-bezier(.16,1,.3,1) .7s forwards}.hero-cyber__btn{display:inline-flex;align-items:center;gap:var(--space-sm);font-family:var(--font-body);font-size:14px;font-weight:500;letter-spacing:.03em;color:var(--seed-bg);background:var(--seed-primary);padding:12px 28px;border-radius:var(--radius-full);border:none;cursor:none;transition:all .25s var(--ease-out)}.hero-cyber__btn:hover{filter:brightness(1.15);transform:translateY(-2px);box-shadow:0 8px 30px #00d4aa40}.hero-cyber__btn:active{transform:scale(.97)}.hero-cyber__info{display:flex;gap:var(--space-xl)}.hero-cyber__info-row{display:flex;flex-direction:column;gap:2px;opacity:0}.hero-cyber__content--visible .hero-cyber__info-row{animation:cyberFadeUp .6s cubic-bezier(.16,1,.3,1) forwards}.hero-cyber__content--visible .hero-cyber__info-row:nth-child(1){animation-delay:.5s}.hero-cyber__content--visible .hero-cyber__info-row:nth-child(2){animation-delay:.6s}.hero-cyber__content--visible .hero-cyber__info-row:nth-child(3){animation-delay:.7s}.hero-cyber__info-label{font-family:var(--font-body);font-size:11px;font-weight:500;letter-spacing:.04em;color:var(--text-muted)}.hero-cyber__info-value{font-family:var(--font-body);font-size:14px;font-weight:400;color:#ffffffe6}.hero-cyber__bottom{position:absolute;bottom:0;left:0;right:0;z-index:10;display:flex;justify-content:space-between;align-items:center;padding:var(--space-lg) var(--space-5xl);pointer-events:none}.hero-cyber__status{display:flex;align-items:center;gap:var(--space-sm);font-family:var(--font-body);font-size:11px;font-weight:400;letter-spacing:.04em;color:var(--text-muted);opacity:0}.hero-cyber__content--visible~.hero-cyber__bottom .hero-cyber__status{animation:cyberFadeIn .8s ease-out 1.2s forwards}.hero-cyber__status-dot{width:6px;height:6px;border-radius:50%;background:var(--seed-primary);animation:statusPulse 2s ease-in-out infinite}.hero-cyber__scroll{display:flex;align-items:center;gap:var(--space-sm);font-family:var(--font-body);font-size:11px;font-weight:400;letter-spacing:.04em;color:var(--text-muted);opacity:0}.hero-cyber__content--visible~.hero-cyber__bottom .hero-cyber__scroll{animation:cyberFadeIn .8s ease-out 1.2s forwards}.hero-cyber__scroll-line{width:1px;height:40px;background:linear-gradient(to bottom,var(--seed-primary),transparent);animation:scrollPulse 2.5s ease-in-out infinite}.hero-cyber__stats{display:flex;align-items:center;gap:var(--space-sm);font-family:var(--font-mono);font-size:10px;font-weight:500;letter-spacing:.08em;color:var(--text-muted);opacity:0}.hero-cyber__content--visible~.hero-cyber__bottom .hero-cyber__stats{animation:cyberFadeIn .8s ease-out 1.2s forwards}.hero-cyber__stats-sep{color:#00d4aa66}@media (max-width: 1024px){.hero-cyber__content{padding:var(--space-3xl) var(--space-xl);gap:var(--space-xl)}.hero-cyber__skills{gap:var(--space-sm)}}@media (max-width: 768px){.hero-cyber__content{grid-template-columns:1fr;justify-items:start;padding:var(--space-3xl) var(--space-md)}.hero-cyber__left{display:none}.hero-cyber__title{font-size:clamp(48px,16vw,80px)}.hero-cyber__bottom{padding:var(--space-md) var(--space-md)}.hero-cyber__stats{display:none}.hero-cyber__info{flex-direction:column;gap:var(--space-md)}}@media (max-width: 480px){.hero-cyber__title{font-size:clamp(40px,18vw,64px)}.hero-cyber__desc{font-size:12px}.hero-cyber__corner{display:none}}@media (prefers-reduced-motion: reduce){.hero-cyber__particles{display:none}.hero-cyber__title-ghost--red,.hero-cyber__title-ghost--cyan{animation:none;opacity:0}.hero-cyber__scanlines{animation:none}.hero-cyber__binary-col{animation:none;display:none}.hero-cyber__scroll-line{animation:none;height:40px}.hero-cyber__status-dot{animation:none}}.works{padding:80px var(--space-xl);max-width:1400px;margin:0 auto}.works__header{margin-bottom:var(--space-3xl)}.works__title{font-family:var(--font-display);font-size:clamp(32px,4vw,48px);font-weight:700;letter-spacing:-.025em;line-height:1.1;color:var(--seed-fg)}.works__divider{width:0;height:1px;background:linear-gradient(to right,var(--seed-primary),transparent);margin-top:var(--space-lg);transition:width 1.2s var(--ease-out)}.works__divider--visible{width:120px}.works__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-lg)}.works__card{grid-column:auto}.project-card{position:relative;border-radius:var(--radius-lg);background:transparent;transform-style:preserve-3d;perspective:1000px;--card-bg: var(--seed-surface)}.project-card__inner{position:relative;width:100%;aspect-ratio:16 / 9;transform-style:preserve-3d;transition:transform .15s ease-out}.project-card__image{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;border-radius:inherit}.project-card__image svg,.project-card__image img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease-out)}.project-card:hover .project-card__image svg,.project-card:hover .project-card__image img{transform:scale(1.05)}.project-card__video-thumb{position:relative;width:100%;height:100%}.project-card__video-thumb video{border-radius:inherit}.project-card__play-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:56px;height:56px;border-radius:50%;background:#00000080;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:2px solid rgba(255,255,255,.3);display:flex;align-items:center;justify-content:center;color:#fff;transition:all .3s var(--ease-out);pointer-events:none}.project-card:hover .project-card__play-icon{background:#00d4aab3;border-color:var(--seed-primary);transform:translate(-50%,-50%) scale(1.1)}.project-video-player{width:100%;max-width:1200px;margin:0 auto;padding:var(--space-4xl) var(--space-xl)}.project-video-player video{width:100%;border-radius:var(--radius-lg);background:#000}.project-card__spotlight{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--radius-lg);pointer-events:none;opacity:0;transition:opacity .3s var(--ease-out);z-index:1}.project-card:hover .project-card__spotlight{opacity:1}.project-card__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,var(--card-bg, var(--seed-surface)) 0%,rgba(20,20,22,.3) 40%,transparent 100%);border-radius:var(--radius-lg);z-index:2;pointer-events:none}.project-card__content{position:absolute;bottom:0;left:0;right:0;padding:var(--space-lg);z-index:3;transform:translateY(8px);transition:transform .4s var(--ease-out)}.project-card:hover .project-card__content{transform:translateY(0)}.project-card__category{font-size:11px;font-weight:500;letter-spacing:.03em;color:var(--seed-primary);margin-bottom:var(--space-xs);opacity:0;transform:translateY(10px);transition:all .3s var(--ease-out) .05s}.project-card:hover .project-card__category{opacity:1;transform:translateY(0)}.project-card__title{font-family:var(--font-display);font-size:clamp(18px,1.8vw,24px);font-weight:700;letter-spacing:-.015em;line-height:1.2;color:var(--seed-fg)}.project-card__subtitle{font-size:13px;color:var(--text-secondary);margin-top:var(--space-xs);opacity:0;transform:translateY(8px);transition:all .3s var(--ease-out) .1s}.project-card:hover .project-card__subtitle{opacity:1;transform:translateY(0)}.project-card__year{position:absolute;top:var(--space-md);right:var(--space-md);font-size:11px;font-weight:500;letter-spacing:.06em;color:var(--text-muted);z-index:3;opacity:0;transition:opacity .3s var(--ease-out)}.project-card:hover .project-card__year{opacity:1}.about{padding:80px var(--space-xl);max-width:1200px;margin:0 auto}.about__grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4xl);align-items:start}.about__photo-area{position:relative;width:200px;height:200px;margin-bottom:var(--space-xl)}.about__photo-frame{width:100%;height:100%;border-radius:50%;background:var(--seed-surface);border:2px solid transparent;background-clip:padding-box;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.about__photo-frame:before{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:50%;background:conic-gradient(from 0deg,var(--seed-primary),transparent,var(--seed-accent),transparent,var(--seed-primary));z-index:-1;animation:rotateBorder 8s linear infinite}@keyframes rotateBorder{to{transform:rotate(360deg)}}.about__photo-placeholder{width:100%;height:100%;background:var(--surface-raised);display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:48px;color:var(--text-muted);font-family:var(--font-display)}.about__bio{margin-bottom:var(--space-xl)}.about__bio-text{font-size:16px;line-height:1.7;color:var(--text-secondary);max-width:45ch}.about__metrics{display:flex;gap:var(--space-2xl);margin-bottom:var(--space-2xl)}.metric{text-align:left}.metric__value{font-family:var(--font-display);font-size:clamp(32px,3vw,48px);font-weight:700;line-height:1;letter-spacing:-.02em;color:var(--seed-fg);position:relative}.metric__value:after{content:"";position:absolute;bottom:-4px;left:0;width:24px;height:2px;background:var(--seed-primary);border-radius:1px}.metric__label{font-size:12px;font-weight:500;letter-spacing:.03em;color:var(--text-muted);margin-top:var(--space-sm)}.about__timeline{position:relative;padding-left:var(--space-xl)}.about__timeline:before{content:"";position:absolute;left:0;top:0;bottom:0;width:1px;background:var(--border-subtle)}.timeline-item{position:relative;padding-bottom:var(--space-xl);opacity:0;transform:translate(20px);transition:all .5s var(--ease-out)}.timeline-item--visible{opacity:1;transform:translate(0)}.timeline-item__dot{position:absolute;left:calc(-1 * var(--space-xl) - 4px);top:6px;width:9px;height:9px;border-radius:50%;background:var(--seed-surface);border:2px solid var(--seed-primary);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{box-shadow:0 0 0 0 var(--glow-primary)}50%{box-shadow:0 0 0 8px transparent}}.timeline-item__company{font-size:16px;font-weight:600;color:var(--seed-fg);margin-bottom:2px}.timeline-item__role{font-size:13px;color:var(--text-secondary)}.timeline-item__period{font-size:12px;color:var(--text-muted);font-family:var(--font-body);letter-spacing:.02em}.timeline-item__desc{font-size:13px;color:var(--text-secondary);line-height:1.6;margin-top:6px;max-width:480px}.about__skills{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-top:var(--space-2xl)}.skill-tag{padding:6px 14px;border-radius:var(--radius-full);border:1px solid var(--border-subtle);font-size:13px;font-weight:500;color:var(--text-secondary);transition:all .3s var(--ease-out);position:relative;overflow:hidden}.skill-tag:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--seed-primary);transform:scaleX(0);transform-origin:left;transition:transform .4s var(--ease-out);z-index:-1;border-radius:inherit}.skill-tag:hover{color:var(--seed-bg);border-color:var(--seed-primary)}.skill-tag:hover:before{transform:scaleX(1)}.contact{padding:80px var(--space-xl);text-align:center;position:relative}.contact__heading{font-family:var(--font-display);font-size:clamp(32px,4vw,56px);font-weight:700;letter-spacing:-.025em;color:var(--seed-fg);margin-bottom:var(--space-xl)}.contact__email{font-family:var(--font-body);font-size:clamp(20px,3vw,36px);font-weight:300;color:var(--seed-fg);letter-spacing:-.01em;display:inline-block;position:relative;padding:var(--space-sm) 0;transition:color .3s var(--ease-out)}.contact__email:hover{color:var(--seed-primary)}.contact__email-letter{display:inline-block;transition:transform .3s var(--ease-out),opacity .3s var(--ease-out)}.contact__email:hover .contact__email-letter{animation:letterWave .4s var(--ease-out) forwards}@keyframes letterWave{0%{transform:translateY(0);opacity:1}50%{transform:translateY(-6px);opacity:.6}to{transform:translateY(0);opacity:1}}.contact__phone{font-size:16px;color:var(--text-secondary);margin-top:var(--space-md);font-weight:400}.contact__socials{display:flex;justify-content:center;gap:var(--space-lg);margin-top:var(--space-xl)}.contact__social-link{width:40px;height:40px;border-radius:50%;border:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:center;color:var(--text-muted);transition:all .3s var(--ease-out)}.contact__social-link:hover{border-color:var(--seed-primary);color:var(--seed-primary);transform:translateY(-2px)}.project-detail{min-height:100vh}.project-detail__hero{position:relative;height:70vh;min-height:400px;overflow:hidden;display:flex;align-items:flex-end}.project-detail__hero-image{position:absolute;top:0;right:0;bottom:0;left:0;transition:transform .1s ease-out}.project-detail__hero-image svg,.project-detail__hero-image img{width:100%;height:100%;object-fit:cover}.project-detail__hero-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,var(--seed-bg) 0%,rgba(10,10,11,.5) 40%,transparent 100%)}.project-detail__hero-content{position:relative;z-index:2;padding:var(--space-4xl) var(--space-xl);max-width:1200px;margin:0 auto;width:100%}.project-detail__back{display:inline-flex;align-items:center;gap:var(--space-sm);font-size:13px;font-weight:500;color:var(--text-secondary);margin-bottom:var(--space-xl);transition:color .3s var(--ease-out);cursor:none;background:none;border:none;font-family:inherit}.project-detail__back:hover{color:var(--seed-primary)}.project-detail__fixed-back{position:fixed;bottom:var(--space-xl);right:var(--space-xl);z-index:1000;display:inline-flex;align-items:center;gap:var(--space-sm);padding:12px 24px;font-family:var(--font-body);font-size:14px;font-weight:600;letter-spacing:.02em;color:var(--seed-fg);background:#14161ad9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-full);cursor:none;transition:all .3s var(--ease-out);box-shadow:0 4px 24px #0006}.project-detail__fixed-back:hover{background:var(--seed-primary);color:var(--seed-bg);border-color:var(--seed-primary);transform:translateY(-2px);box-shadow:0 8px 32px #00d4aa4d}.project-detail__fixed-back:active{transform:scale(.96)}.homepage__back-top{position:fixed;bottom:var(--space-xl);right:var(--space-xl);z-index:1000;display:inline-flex;align-items:center;gap:var(--space-sm);padding:12px 24px;font-family:var(--font-body);font-size:14px;font-weight:600;letter-spacing:.02em;color:var(--seed-fg);background:#14161ad9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-full);cursor:none;transition:all .3s var(--ease-out);box-shadow:0 4px 24px #0006;opacity:0;pointer-events:none;transform:translateY(10px)}.homepage__back-top--visible{opacity:1;pointer-events:auto;transform:translateY(0)}.homepage__back-top:hover{background:var(--seed-primary);color:var(--seed-bg);border-color:var(--seed-primary);transform:translateY(-2px);box-shadow:0 8px 32px #00d4aa4d}.homepage__back-top:active{transform:scale(.96)}.project-detail__title{font-family:var(--font-display);font-size:clamp(36px,5vw,64px);font-weight:700;letter-spacing:-.03em;line-height:1.05;color:var(--seed-fg);clip-path:inset(0 0 0 0);animation:clipReveal .8s var(--ease-out) forwards}@keyframes clipReveal{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}.project-detail__subtitle{font-size:18px;font-weight:300;color:var(--text-secondary);margin-top:var(--space-sm);opacity:0;animation:fadeIn .6s var(--ease-out) .3s forwards}.project-detail__meta{display:flex;gap:var(--space-xl);padding:var(--space-xl);max-width:1200px;margin:0 auto;border-bottom:1px solid var(--border-subtle);flex-wrap:wrap}.meta-item{flex:1;min-width:140px}.meta-item__label{font-size:11px;font-weight:500;letter-spacing:.03em;color:var(--text-muted);margin-bottom:var(--space-xs)}.meta-item__value{font-size:15px;font-weight:500;color:var(--seed-fg)}.project-detail__gallery{padding:var(--space-4xl) var(--space-xl);max-width:1200px;margin:0 auto}.gallery-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-md)}.gallery-grid__item{border-radius:var(--radius-md);overflow:hidden;position:relative;opacity:0;transform:translateY(30px);transition:all .6s var(--ease-out)}.gallery-grid__item--visible{opacity:1;transform:translateY(0)}.gallery-grid__item--full{grid-column:1 / -1}.gallery-grid__item svg,.gallery-grid__item img{width:100%;height:auto;display:block;border-radius:var(--radius-md)}.project-detail__description{padding:var(--space-3xl) var(--space-xl);max-width:800px;margin:0 auto}.project-detail__description p{font-size:16px;line-height:1.8;color:var(--text-secondary);margin-bottom:var(--space-lg)}.project-detail__metrics{display:flex;gap:var(--space-2xl);padding:var(--space-xl) 0;border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle);margin:var(--space-xl) 0}.project-detail__nav{display:flex;justify-content:space-between;padding:var(--space-2xl) var(--space-xl);max-width:1200px;margin:0 auto;border-top:1px solid var(--border-subtle)}.project-detail__nav-link{font-size:14px;color:var(--text-secondary);transition:color .3s var(--ease-out);cursor:none}.project-detail__nav-link:hover{color:var(--seed-primary)}.project-detail__nav-label{font-size:11px;letter-spacing:.03em;color:var(--text-muted);margin-bottom:var(--space-xs)}.footer{padding:var(--space-2xl) var(--space-xl);border-top:1px solid var(--border-subtle);display:flex;justify-content:space-between;align-items:center;max-width:1400px;margin:0 auto}.footer__text{font-size:13px;color:var(--text-muted)}.footer__links{display:flex;gap:var(--space-md)}.footer__link{font-size:13px;color:var(--text-muted);transition:color .3s var(--ease-out)}.footer__link:hover{color:var(--seed-fg)}.custom-cursor{position:fixed;top:0;left:0;z-index:9999;pointer-events:none}.custom-cursor__dot{position:absolute;width:6px;height:6px;background:var(--seed-fg);border-radius:50%;transform:translate(-50%,-50%);transition:opacity .2s,transform .2s}.custom-cursor__ring{position:absolute;width:36px;height:36px;border:1.5px solid rgba(232,230,225,.5);border-radius:50%;transform:translate(-50%,-50%);transition:width .3s var(--ease-out),height .3s var(--ease-out),border-color .3s var(--ease-out),background .3s var(--ease-out),border-radius .3s var(--ease-out);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;color:transparent;letter-spacing:.02em}.custom-cursor--card .custom-cursor__ring{width:60px;height:60px;border-color:var(--seed-primary);color:var(--seed-primary)}.custom-cursor--card .custom-cursor__dot{opacity:0;transform:translate(-50%,-50%) scale(0)}.custom-cursor--link .custom-cursor__ring{width:20px;height:20px;background:var(--seed-primary);border-color:var(--seed-primary)}.custom-cursor--link .custom-cursor__dot{opacity:0}.custom-cursor--image .custom-cursor__ring{width:48px;height:48px;border-radius:var(--radius-md);border-color:var(--seed-fg);color:var(--seed-fg)}.reveal{opacity:0;transform:translateY(40px);transition:opacity .7s var(--ease-out),transform .7s var(--ease-out)}.reveal--visible{opacity:1;transform:translateY(0)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideRight{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@media (max-width: 1200px){.works__grid{grid-template-columns:repeat(2,1fr)}.works__card{grid-column:auto}}@media (max-width: 768px){body{cursor:auto}button{cursor:pointer}.custom-cursor,.nav__links{display:none}.nav__hamburger{display:flex}.works{padding:var(--space-3xl) var(--space-md)}.works__grid{grid-template-columns:1fr;gap:var(--space-md)}.about{padding:var(--space-3xl) var(--space-md)}.about__grid{grid-template-columns:1fr;gap:var(--space-2xl)}.about__metrics{gap:var(--space-lg)}.contact{padding:var(--space-3xl) var(--space-md)}.project-detail__meta{flex-direction:column;gap:var(--space-md);padding:var(--space-md)}.project-detail__gallery{padding:var(--space-2xl) var(--space-md)}.gallery-grid{grid-template-columns:1fr}.project-detail__metrics{flex-direction:column;gap:var(--space-lg)}.project-detail__nav{flex-direction:column;gap:var(--space-lg);padding:var(--space-xl) var(--space-md)}.footer{flex-direction:column;gap:var(--space-md);text-align:center;padding:var(--space-xl) var(--space-md)}}@media (max-width: 480px){.hero__name{font-size:48px}.about__photo-area{width:140px;height:140px}.metric__value{font-size:28px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}html{scroll-behavior:auto}.reveal,.timeline-item,.gallery-grid__item{opacity:1;transform:none}.project-card__content{transform:none}.project-card__category,.project-card__subtitle,.project-card__year{opacity:1;transform:none}}@media (pointer: coarse){body{cursor:auto}button{cursor:pointer}.custom-cursor{display:none!important}}.ph-img{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:12px;color:var(--text-muted);letter-spacing:.04em}
