@import "https://fonts.googleapis.com/css2?family=Orbitron:wght@400;500;600;700;800;900&family=Space+Grotesk:wght@300;400;500;600;700&family=Fira+Code:wght@300;400;500&display=swap";:root{--color-bg:#050508;--color-bg-alt:#080812;--color-surface:#0d0d1a;--color-surface-2:#12122a;--color-border:#00f5ff1f;--color-neon-cyan:#00f5ff;--color-neon-purple:#b600ff;--color-neon-pink:#ff006e;--color-neon-green:#0f8;--color-neon-yellow:#ffe600;--color-neon-orange:#ff5f00;--color-text-primary:#e8e8ff;--color-text-muted:#6b6b8a;--color-text-faint:#3a3a58;--font-display:"Orbitron", "Courier New", monospace;--font-body:"Space Grotesk", sans-serif;--font-mono:"Fira Code", "Courier New", monospace;--fs-xs:clamp(.65rem, 1vw, .75rem);--fs-sm:clamp(.8rem, 1.2vw, .9rem);--fs-base:clamp(.9rem, 1.5vw, 1rem);--fs-md:clamp(1rem, 1.8vw, 1.2rem);--fs-lg:clamp(1.2rem, 2.5vw, 1.5rem);--fs-xl:clamp(1.5rem, 3.5vw, 2.5rem);--fs-2xl:clamp(2rem, 5vw, 4rem);--fs-3xl:clamp(3rem, 7vw, 6rem);--fs-hero:clamp(3.5rem, 10vw, 9rem);--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:2rem;--space-xl:4rem;--space-2xl:6rem;--space-3xl:10rem;--glow-cyan:0 0 8px var(--color-neon-cyan), 0 0 24px #00f5ff66, 0 0 60px #00f5ff26;--glow-purple:0 0 8px var(--color-neon-purple), 0 0 24px #b600ff66, 0 0 60px #b600ff26;--glow-pink:0 0 8px var(--color-neon-pink), 0 0 24px #ff006e66, 0 0 60px #ff006e26;--glow-green:0 0 8px var(--color-neon-green), 0 0 24px #0f86, 0 0 60px #00ff8826;--glow-orange:0 0 8px var(--color-neon-orange), 0 0 24px #ff5f0066, 0 0 60px #ff5f0026;--shadow-card:0 4px 40px #0009, 0 0 0 1px var(--color-border);--shadow-heavy:0 20px 80px #000c;--radius-sm:4px;--radius-md:8px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--ease-smooth:cubic-bezier(.25, .46, .45, .94);--ease-bounce:cubic-bezier(.34, 1.56, .64, 1);--ease-expo:cubic-bezier(.19, 1, .22, 1);--duration-fast:.2s;--duration-base:.4s;--duration-slow:.8s;--z-base:1;--z-canvas:0;--z-ui:10;--z-nav:100;--z-loader:999;--z-cursor:9999}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:auto;-webkit-text-size-adjust:100%;font-size:16px}body{font-family:var(--font-body);font-size:var(--fs-base);color:var(--color-text-primary);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;overflow-x:hidden}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}.lenis.lenis-stopped{overflow:hidden}::selection{color:var(--color-neon-green);background:#00f5ff40}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:var(--color-neon-green);border-radius:var(--radius-full);box-shadow:var(--glow-green)}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);letter-spacing:-.02em;font-weight:700;line-height:1.1}p{color:var(--color-text-muted);line-height:1.7}a{color:inherit;text-decoration:none}img,svg{max-width:100%;display:block}.container{width:100%;max-width:1400px;padding:0 var(--space-xl);margin:0 auto}section{position:relative;overflow:hidden}.visually-hidden{clip:rect(0, 0, 0, 0);width:1px;height:1px;position:absolute;overflow:hidden}.text-gradient-green{background:linear-gradient(135deg, var(--color-neon-green), var(--color-neon-purple));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.text-gradient-neon{background:linear-gradient(135deg, var(--color-neon-pink), var(--color-neon-purple), var(--color-neon-green));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.glow-purple{text-shadow:var(--glow-purple)}.glow-pink{text-shadow:var(--glow-pink)}.glow-green{text-shadow:var(--glow-green)}body:after{content:"";pointer-events:none;z-index:9998;opacity:.4;mix-blend-mode:overlay;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)' opacity='0.04'/%3E%3C/svg%3E");background-repeat:repeat;background-size:200px 200px;position:fixed;inset:0}.section-label{font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.25em;text-transform:uppercase;color:var(--color-neon-green);align-items:center;gap:var(--space-sm);margin-bottom:var(--space-md);display:flex}.section-label:before{content:"";background:var(--color-neon-green);width:24px;height:1px;box-shadow:var(--glow-green);display:inline-block}.btn-neon{align-items:center;gap:var(--space-sm);font-family:var(--font-display);font-size:var(--fs-sm);letter-spacing:.1em;text-transform:uppercase;color:var(--color-neon-green);border:1px solid var(--color-neon-green);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--duration-base) var(--ease-smooth);background:0 0;padding:.75rem 2rem;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.btn-neon:before{content:"";background:var(--color-neon-green);transition:transform var(--duration-base) var(--ease-expo);z-index:-1;position:absolute;inset:0;transform:translate(-100%)}.btn-neon:hover{color:var(--color-bg);box-shadow:var(--glow-green)}.btn-neon:hover:before{transform:translate(0)}.glass-card{-webkit-backdrop-filter:blur(16px);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);background:#0d0d1a99}.scanlines:after{content:"";pointer-events:none;z-index:1;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#00f5ff04 2px 4px);position:absolute;inset:0}#root{min-height:100vh;position:relative}.navbar{z-index:var(--z-nav);padding:1.25rem var(--space-xl);-webkit-backdrop-filter:blur(12px);transition:all var(--duration-base) var(--ease-smooth);background:linear-gradient(#050508f2 0%,#0000 100%);border-bottom:1px solid #00f5ff00;justify-content:space-between;align-items:center;display:flex;position:fixed;top:0;left:0;right:0}.navbar--scrolled{padding:.85rem var(--space-xl);background:#050508f2;border-bottom:1px solid #00f5ff1a;box-shadow:0 4px 24px #0006}.navbar__logo{font-family:var(--font-display);font-size:var(--fs-md);letter-spacing:.15em;align-items:center;gap:2px;font-weight:800;display:flex}.navbar__logo-bracket{color:var(--color-neon-green);text-shadow:var(--glow-green)}.navbar__logo-text{color:var(--color-text-primary)}.navbar__links{align-items:center;gap:var(--space-xl);list-style:none;display:flex}.navbar__link{font-family:var(--font-mono);font-size:var(--fs-sm);letter-spacing:.08em;color:var(--color-text-muted);transition:color var(--duration-fast) var(--ease-smooth);align-items:center;gap:6px;display:flex;position:relative}.navbar__link-prefix{color:var(--color-neon-orange);opacity:.7;transition:opacity var(--duration-fast);font-size:.7em}.navbar__link:after{content:"";background:var(--color-neon-green);width:0;height:1px;box-shadow:var(--glow-green);transition:width var(--duration-base) var(--ease-expo);position:absolute;bottom:-4px;left:0}.navbar__link:hover{color:var(--color-text-primary)}.navbar__link:hover .navbar__link-prefix{opacity:1}.navbar__link:hover:after,.navbar__link--active:after{width:100%}.navbar__link--active{color:var(--color-text-primary)}.navbar__link-dot{background:var(--color-neon-green);width:4px;height:4px;box-shadow:var(--glow-green);border-radius:50%;position:absolute;top:50%;right:-8px;transform:translateY(-50%)}.navbar__cta{font-size:var(--fs-xs);padding:.5rem 1.5rem}@media (width<=900px){.navbar__links{display:none}}.hero{background:var(--color-bg);align-items:center;width:100%;min-height:100vh;display:flex;position:relative;overflow:hidden}.hero__canvas-wrap{z-index:0;will-change:transform;position:absolute;inset:0}.hero__grid{z-index:1;background-image:linear-gradient(#00ff3708 1px,#0000 1px),linear-gradient(90deg,#00ff3708 1px,#0000 1px);background-size:60px 60px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(80% 80%,#000 40%,#0000 100%);mask-image:radial-gradient(80% 80%,#000 40%,#0000 100%)}.hero__content{z-index:var(--z-ui);width:100%;max-width:1400px;padding:0 var(--space-xl);margin:0 auto;padding-top:120px;position:relative}.hero__label{margin-bottom:var(--space-lg);animation:fadeInUp .8s var(--ease-expo) .2s both}.hero__title{font-size:var(--fs-hero);letter-spacing:-.04em;margin-bottom:var(--space-lg);flex-direction:column;font-weight:900;line-height:.95;display:flex;overflow:hidden}.hero__title-line{color:var(--color-text-primary);display:block;position:relative;overflow:hidden}.hero__title-line--accent{color:#0000;-webkit-text-stroke:1px var(--color-neon-green);text-stroke:1px var(--color-neon-green);animation-delay:.45s;display:inline-block;position:relative}.hero__title-line--accent:before{content:attr(data-text);background:linear-gradient(90deg, var(--color-neon-green), var(--color-neon-orange));-webkit-text-fill-color:transparent;filter:blur();opacity:0;-webkit-background-clip:text;background-clip:text;transition:opacity .4s;position:absolute;top:0;left:0}.hero__title-line--accent:hover:before{opacity:1}.hero__subtitle{font-size:var(--fs-md);color:var(--color-text-muted);max-width:520px;margin-bottom:var(--space-xl);animation:fadeInUp .8s var(--ease-expo) .7s both}.hero__subtitle-highlight{color:var(--color-neon-green);font-weight:500}.hero__cta-group{align-items:center;gap:var(--space-md);animation:fadeInUp .8s var(--ease-expo) .9s both;display:flex}.btn-neon--ghost{color:var(--color-text-muted);border-color:var(--color-border);background:#0d1a0f66}.btn-neon--ghost:hover{color:var(--color-text-primary);background:#00ff220d;border-color:#00ff3c66;box-shadow:0 0 20px #00ff371a}.btn-neon--ghost:before{display:none}.hero__scroll-indicator{bottom:var(--space-xl);align-items:center;gap:var(--space-sm);animation:fadeInUp 1s var(--ease-expo) 1.2s both;flex-direction:column;display:flex;position:absolute;left:50%;transform:translate(-50%)}.hero__scroll-line{background:linear-gradient(to bottom, transparent, var(--color-neon-green));width:1px;height:60px;box-shadow:0 0 8px var(--color-neon-green);animation:2s ease-in-out infinite scrollPulse}.hero__scroll-text{font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.2em;text-transform:uppercase;color:var(--color-text-faint)}.hero__corner{width:24px;height:24px;z-index:var(--z-ui);opacity:.4;position:absolute}.hero__corner--tl{border-top:1px solid var(--color-neon-green);border-left:1px solid var(--color-neon-green);top:24px;left:24px}.hero__corner--tr{border-top:1px solid var(--color-neon-green);border-right:1px solid var(--color-neon-green);top:24px;right:24px}.hero__corner--bl{border-bottom:1px solid var(--color-neon-green);border-left:1px solid var(--color-neon-green);bottom:24px;left:24px}.hero__corner--br{border-bottom:1px solid var(--color-neon-green);border-right:1px solid var(--color-neon-green);bottom:24px;right:24px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes scrollPulse{0%,to{opacity:.3;transform:scaleY(1)}50%{opacity:1;transform:scaleY(1.1)}}.about{padding:var(--space-3xl) 0;background:var(--color-bg-alt);position:relative;overflow:hidden}.about:before{content:"";background:linear-gradient(90deg, transparent, var(--color-neon-purple), transparent);height:1px;position:absolute;top:0;left:0;right:0}.about:after{content:"";pointer-events:none;background:radial-gradient(#b600ff0d,#0000 70%);width:600px;height:600px;position:absolute;top:50%;left:25%;transform:translate(-50%,-50%)}.about__grid{gap:var(--space-3xl);z-index:1;grid-template-columns:1fr 1fr;align-items:center;display:grid;position:relative}.about__heading{font-size:var(--fs-2xl);margin-bottom:var(--space-lg);line-height:1.1}.about__heading-wrap{display:block;overflow:hidden}.about__heading-line{display:block}.about__body{font-size:var(--fs-base);color:var(--color-text-muted);margin-bottom:var(--space-md);max-width:480px;line-height:1.8}.about__stats{gap:var(--space-xl);margin-top:var(--space-xl);padding-top:var(--space-xl);border-top:1px solid var(--color-border);display:flex}.about__stat{flex-direction:column;gap:4px;display:flex}.about__stat-value{font-family:var(--font-display);font-size:var(--fs-xl);color:var(--color-neon-green);text-shadow:var(--glow-green);font-weight:800}.about__stat-label{font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-muted)}.about__visual{justify-content:center;align-items:center;height:480px;display:flex;position:relative}.about__photo-frame{width:300px;height:380px;position:relative}.about__photo-inner{border-radius:var(--radius-lg);background:linear-gradient(135deg, var(--color-surface), var(--color-surface-2));z-index:2;border:1px solid #00f5ff26;justify-content:center;align-items:center;width:100%;height:100%;transition:border-color .4s;display:flex;position:relative;overflow:hidden}.about__photo-scanlines{pointer-events:none;z-index:1;background:repeating-linear-gradient(0deg,#0000,#0000 3px,#00f5ff05 3px 4px);position:absolute;inset:0}.about__photo-initials{font-family:var(--font-display);letter-spacing:.2em;color:var(--color-neon-cyan);opacity:.15;z-index:2;-webkit-user-select:none;user-select:none;font-size:3rem;font-weight:900;position:relative}.about__photo-border{z-index:3;width:28px;height:28px;position:absolute}.about__photo-border--tl{border-top:2px solid var(--color-neon-green);border-left:2px solid var(--color-neon-green);border-radius:2px 0 0;top:-6px;left:-6px;box-shadow:-2px -2px 8px #00f5ff4d}.about__photo-border--br{border-bottom:2px solid var(--color-neon-orange);border-right:2px solid var(--color-neon-orange);border-radius:0 0 2px;bottom:-6px;right:-6px;box-shadow:2px 2px 8px #b600ff4d}.about__tag{font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.08em;border-radius:var(--radius-full);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:default;-webkit-user-select:none;user-select:none;background:#0d0d1ae6;padding:.4rem .9rem;animation:4s ease-in-out infinite floatTag;position:absolute}.about__tag--1{color:var(--color-neon-cyan);border:1px solid #00f5ff4d;animation-delay:0s;top:12%;right:2%;box-shadow:0 0 12px #00f5ff1a}.about__tag--2{color:var(--color-neon-purple);border:1px solid #b600ff4d;animation-delay:1.5s;bottom:28%;left:0%;box-shadow:0 0 12px #b600ff1a}.about__tag--3{color:var(--color-neon-green);border:1px solid #00ff884d;animation-delay:.8s;bottom:12%;right:2%;box-shadow:0 0 12px #00ff881a}.about__tag--4{color:var(--color-neon-yellow);border:1px solid #ffff004d;animation-delay:1.2s;top:20%;left:2%;box-shadow:0 0 12px #ffff001a}.about__tag--5{color:var(--color-neon-pink);border:1px solid #ff00ff4d;animation-delay:.5s;top:50%;left:80%;transform:translate(-50%,-50%);box-shadow:0 0 12px #ff00ff1a}@keyframes floatTag{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@media (width<=900px){.about__grid{gap:var(--space-2xl);grid-template-columns:1fr}.about__visual{max-width:400px;margin:0 auto;padding-left:0}.about__stats{gap:var(--space-lg);flex-wrap:wrap}}.skills{padding:var(--space-3xl) 0;background:var(--color-bg);position:relative;overflow:hidden}.skills:before{content:"";background:linear-gradient(90deg, transparent, var(--color-neon-cyan), transparent);height:1px;position:absolute;top:0;left:0;right:0}.skills:after{content:"";pointer-events:none;background:radial-gradient(#00f5ff0a,#0000 70%);width:500px;height:500px;position:absolute;bottom:0;right:10%}.skills__header{margin-bottom:var(--space-2xl);max-width:600px}.skills__heading{font-size:var(--fs-2xl);margin:var(--space-sm) 0 var(--space-md)}.skills__sub{font-size:var(--fs-sm);color:var(--color-text-muted)}.skills__grid{gap:var(--space-md);z-index:1;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));display:grid;position:relative}.skill-card{padding:var(--space-lg);cursor:default;transition:transform var(--duration-base) var(--ease-bounce), border-color var(--duration-base) var(--ease-smooth), box-shadow var(--duration-base) var(--ease-smooth);position:relative;overflow:hidden}.skill-card__top-bar{background:var(--skill-color,var(--color-neon-cyan));height:2px;box-shadow:0 0 12px var(--skill-color,var(--color-neon-cyan));transform-origin:0;transition:transform .5s var(--ease-expo);position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.skill-card:hover .skill-card__top-bar{transform:scaleX(1)}.skill-card:hover{box-shadow:var(--shadow-card), 0 12px 50px #00f5ff12;border-color:#00f5ff33;transform:translateY(-6px)}.skill-card:after{content:"";opacity:0;transition:opacity var(--duration-base);pointer-events:none;background:linear-gradient(135deg,#0000 40%,#ffffff04 100%);position:absolute;inset:0}.skill-card:hover:after{opacity:1}.skill-card__header{margin-bottom:var(--space-md);justify-content:space-between;align-items:center;display:flex}.skill-card__name{font-family:var(--font-mono);font-size:var(--fs-sm);color:var(--color-text-primary);letter-spacing:.04em;font-weight:500}.skill-card__level{font-family:var(--font-display);font-size:var(--fs-xs);color:var(--skill-color,var(--color-neon-cyan));letter-spacing:.05em;font-weight:700}.skill-card__bar{border-radius:var(--radius-full);width:100%;height:3px;margin-bottom:var(--space-md);background:#ffffff0f;overflow:hidden}.skill-card__bar-fill{background:var(--skill-color,var(--color-neon-cyan));width:0;height:100%;box-shadow:0 0 8px var(--skill-color,var(--color-neon-cyan));border-radius:var(--radius-full);position:relative}.skill-card__bar-fill:after{content:"";border-radius:var(--radius-full);filter:blur(2px);background:#fff6;width:20px;height:100%;position:absolute;top:0;right:0}.skill-card__footer{justify-content:space-between;align-items:center;display:flex}.skill-card__category{font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.15em;text-transform:uppercase;color:var(--color-text-faint)}.skill-card__dots{gap:4px;display:flex}.skill-card__dot{border-radius:var(--radius-full);width:5px;height:5px;transition:background var(--duration-fast);background:#ffffff14}.skill-card__dot--active{background:var(--skill-color,var(--color-neon-cyan));box-shadow:0 0 4px var(--skill-color,var(--color-neon-cyan))}@media (width<=900px){.skills__list{gap:var(--space-md);grid-template-columns:1fr}}.projects{background:var(--color-bg-alt);min-height:100vh;padding-bottom:var(--space-3xl);position:relative;overflow:hidden}.projects:before{content:"";background:linear-gradient(90deg, transparent, var(--color-neon-pink), transparent);z-index:1;height:1px;position:absolute;top:0;left:0;right:0}.projects:after{content:"";pointer-events:none;background:radial-gradient(#b600ff0d,#0000 70%);width:600px;height:600px;position:absolute;bottom:0;right:10%}.projects__title-area{padding:var(--space-2xl) 0 0;z-index:1;position:relative}.projects__heading{font-size:var(--fs-2xl);margin-top:var(--space-sm);line-height:1.1}.projects__sub{font-family:var(--font-mono);font-size:var(--fs-sm);color:var(--color-text-faint);margin-top:var(--space-sm);letter-spacing:.06em}.projects__table{width:100%;margin-top:var(--space-2xl);gap:var(--space-xl) var(--space-lg);flex-wrap:wrap;justify-content:center;display:flex;position:relative}.pcard{border-radius:var(--radius-lg);background:var(--color-surface);cursor:pointer;width:230px;height:310px;transform:rotate(var(--card-rotate,0deg));transform-origin:50%;transition:opacity .3s var(--ease-smooth);will-change:transform, opacity;border:1px solid #ffffff14;flex-shrink:0;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-direction:alternate;position:relative;box-shadow:0 8px 32px #0000004d}.pcard:active{transform:rotate(var(--card-rotate,0deg)) scale(.97)}.pcard--active{border-color:var(--card-accent,#00f5ff)!important;box-shadow:0 0 0 2px var(--card-accent,#00f5ff), 0 0 40px color-mix(in srgb, var(--card-accent,#00f5ff) 25%, transparent), 0 20px 60px #00000080!important;z-index:20!important;animation-play-state:paused!important;transform:rotate(0)scale(1.06)!important}.pcard__face{border-radius:inherit;padding:var(--space-lg);justify-content:flex-end;align-items:center;gap:var(--space-xs);flex-direction:column;display:flex;position:absolute;inset:0;overflow:hidden}.pcard__face-grid{background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px);background-size:24px 24px;position:absolute;inset:0}.pcard__face-glow{position:absolute;inset:0}.pcard__face-num{top:var(--space-md);right:var(--space-md);font-family:var(--font-display);letter-spacing:.15em;opacity:.6;font-size:.65rem;position:absolute}.pcard__face-letter{font-family:var(--font-display);opacity:.08;-webkit-user-select:none;user-select:none;font-size:5rem;font-weight:900;line-height:1;position:absolute;top:50%;left:50%;transform:translate(-50%,-60%)}.pcard__face-img{object-fit:cover;opacity:.8;z-index:0;width:100%;height:100%;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 50%,#0000 100%);mask-image:linear-gradient(#000 50%,#0000 100%)}.pcard__face-name{font-family:var(--font-display);font-size:var(--fs-sm);color:var(--color-text-primary);text-align:center;z-index:1;font-weight:700;line-height:1.3;position:relative}.pcard__face-hint{font-family:var(--font-mono);letter-spacing:.1em;color:var(--color-text-faint);z-index:1;opacity:0;font-size:.65rem;transition:opacity .3s;position:relative}.pcard:hover .pcard__face-hint{opacity:1}@keyframes projectFloat0{0%{transform:rotate(-9deg)translateY(0)}to{transform:rotate(-6deg)translateY(-14px)}}@keyframes projectFloat1{0%{transform:rotate(6deg)translateY(0)}to{transform:rotate(9deg)translateY(-18px)}}@keyframes projectFloat2{0%{transform:rotate(4deg)translateY(0)}to{transform:rotate(2deg)translateY(-12px)}}@keyframes projectFloat3{0%{transform:rotate(-5deg)translateY(0)}to{transform:rotate(-8deg)translateY(-16px)}}.projects__backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:40;opacity:0;pointer-events:none;background:#050508bf;transition:opacity .3s;position:fixed;inset:0}.projects__backdrop--visible{pointer-events:all}.pdetail{background:var(--color-bg);z-index:50;border-left:1px solid #ffffff0f;flex-direction:column;width:min(480px,45vw);height:100vh;display:flex;position:fixed;top:0;right:0;overflow:hidden;transform:translate(100%)}.pdetail__header{border-bottom:1px solid var(--color-border);flex-shrink:0;height:240px;position:relative;overflow:hidden}.pdetail__preview{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.pdetail__preview-grid{background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-size:32px 32px;position:absolute;inset:0}.pdetail__letter{font-family:var(--font-display);opacity:.08;-webkit-user-select:none;user-select:none;z-index:1;font-size:8rem;font-weight:900;line-height:1;position:relative}.pdetail__preview-img{object-fit:cover;opacity:.6;z-index:0;width:100%;height:100%;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 60%,#0000 100%);mask-image:linear-gradient(#000 60%,#0000 100%)}.pdetail__featured{top:var(--space-lg);left:var(--space-lg);font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.1em;text-transform:uppercase;border-radius:var(--radius-full);z-index:2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#00000080;border:1px solid;padding:.25rem .75rem;position:absolute}.pdetail__close{top:var(--space-lg);right:var(--space-lg);width:36px;height:36px;color:var(--color-text-muted);cursor:pointer;z-index:3;transition:all var(--duration-fast);background:#ffffff0f;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute}.pdetail__close:hover{color:var(--color-text-primary);background:#ffffff1f;transform:rotate(90deg)}.pdetail__body{padding:var(--space-xl) var(--space-xl);gap:var(--space-md);scrollbar-width:thin;scrollbar-color:#00f5ff40 transparent;flex-direction:column;flex:1;display:flex;overflow-y:auto}.pdetail__body::-webkit-scrollbar{width:4px}.pdetail__body::-webkit-scrollbar-track{background:0 0}.pdetail__body::-webkit-scrollbar-thumb{border-radius:var(--radius-full);background:#00f5ff40}.pdetail__num{font-family:var(--font-display);font-size:var(--fs-xs);letter-spacing:.2em;opacity:.6}.pdetail__title{font-family:var(--font-display);font-size:var(--fs-xl);color:var(--color-text-primary);font-weight:800;line-height:1.2}.pdetail__desc{font-size:var(--fs-sm);color:var(--color-text-muted);line-height:1.75}.pdetail__tags{gap:var(--space-xs);flex-wrap:wrap;display:flex}.pdetail__tag{font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.06em;border-radius:var(--radius-sm);border:1px solid;padding:.25rem .65rem}.pdetail__links{gap:var(--space-md);padding-top:var(--space-sm);flex-wrap:wrap;margin-top:auto;display:flex}.pdetail__btn{font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.08em;text-transform:uppercase;border-radius:var(--radius-md);transition:all var(--duration-base) var(--ease-smooth);border:1px solid;align-items:center;gap:6px;padding:.65rem 1.4rem;text-decoration:none;display:inline-flex}.pdetail__btn--live:hover{background:color-mix(in srgb, currentColor 10%, transparent);box-shadow:0 0 20px}.pdetail__btn--ghost{color:var(--color-text-muted);border-color:#ffffff1f}.pdetail__btn--ghost:hover{color:var(--color-text-primary);border-color:#ffffff40}.pdetail__anim{opacity:0}.projects__hint{bottom:var(--space-xl);font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.1em;color:var(--color-text-faint);pointer-events:none;animation:3s ease-in-out infinite alternate hintFade;position:absolute;left:50%;transform:translate(-50%)}@keyframes hintFade{0%{opacity:.2}to{opacity:.7}}@media (width<=900px){.pdetail{width:100%;padding:var(--space-xl) var(--space-lg)}}.contact{padding:var(--space-3xl) 0 0;background:var(--color-bg);position:relative}.contact:before{content:"";background:linear-gradient(90deg, transparent, var(--color-neon-green), transparent);height:1px;position:absolute;top:0;left:0;right:0}.contact__grid{gap:var(--space-3xl);grid-template-columns:1fr 1.2fr;align-items:start;display:grid}.contact__heading{font-size:var(--fs-2xl);margin:var(--space-md) 0 var(--space-lg);line-height:1.1}.contact__body{font-size:var(--fs-base);color:var(--color-text-muted);max-width:380px;margin-bottom:var(--space-xl)}.contact__socials{gap:var(--space-sm);flex-direction:column;display:flex}.contact__social-link{align-items:center;gap:var(--space-sm);font-family:var(--font-mono);font-size:var(--fs-sm);color:var(--color-text-muted);transition:color var(--duration-fast);width:fit-content;display:flex}.contact__social-prefix{width:28px;height:28px;color:var(--color-neon-green);border-radius:var(--radius-sm);transition:all var(--duration-fast);background:#00f5ff14;border:1px solid #00f5ff33;justify-content:center;align-items:center;display:flex}.contact__social-prefix svg{fill:currentColor;width:14px;height:14px}.contact__social-link:hover{color:var(--color-text-primary)}.contact__social-link:hover .contact__social-prefix{box-shadow:var(--glow-orange);border-color:var(--color-neon-orange);background:#00f5ff26}.contact__form{padding:var(--space-xl);gap:var(--space-lg);flex-direction:column;display:flex}.contact__field{gap:var(--space-xs);flex-direction:column;display:flex}.contact__label{font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.12em;text-transform:uppercase;color:var(--color-text-muted)}.contact__input{border:1px solid var(--color-border);border-radius:var(--radius-sm);width:100%;font-family:var(--font-body);font-size:var(--fs-base);color:var(--color-text-primary);transition:border-color var(--duration-fast), box-shadow var(--duration-fast), background var(--duration-fast);resize:none;background:#ffffff08;outline:none;padding:.85rem 1rem}.contact__input::placeholder{color:var(--color-text-faint)}.contact__input:focus{border-color:var(--color-neon-cyan);box-shadow:0 0 0 3px #00f5ff14, var(--glow-cyan);background:#00f5ff05}.contact__textarea{min-height:140px}.contact__submit{justify-content:center;width:100%}.contact__submit:disabled{opacity:.5;cursor:not-allowed}.contact__success{text-align:center;font-family:var(--font-mono);font-size:var(--fs-sm);color:var(--color-neon-green);text-shadow:var(--glow-green)}.contact__footer{margin-top:var(--space-3xl);padding:var(--space-lg) var(--space-xl);border-top:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.contact__footer-text{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--color-text-faint);letter-spacing:.08em}.contact__footer-bracket{color:var(--color-neon-cyan)}.contact__footer-copy{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--color-text-faint)}@media (width<=900px){.contact__grid{gap:var(--space-2xl);grid-template-columns:1fr}.contact__footer{gap:var(--space-md);text-align:center;flex-direction:column}}*,:before,:after{cursor:none!important}.cursor__dot{background:var(--color-neon-green);pointer-events:none;width:6px;height:6px;z-index:var(--z-cursor);box-shadow:var(--glow-green);border-radius:50%;transition:background .3s;position:fixed;top:0;left:0;transform:translate(-50%,-50%)}.cursor__ring{pointer-events:none;width:36px;height:36px;z-index:var(--z-cursor);will-change:transform;border:1.5px solid #00ff4080;border-radius:50%;position:fixed;top:0;left:0;transform:translate(-50%,-50%);box-shadow:0 0 12px #00ff4026}.loader{z-index:var(--z-loader);pointer-events:none;flex-direction:column;display:flex;position:fixed;inset:0}.loader__panel{background:var(--color-bg);will-change:transform;flex:1;position:relative}.loader__panel--top{padding-bottom:var(--space-xl);border-bottom:1px solid #00ff4414;justify-content:center;align-items:flex-end;display:flex}.loader__panel--bot{background:#050805f2}.loader__content{align-items:center;gap:var(--space-md);flex-direction:column;width:340px;display:flex}.loader__label{font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:.25em;text-transform:uppercase;color:var(--color-text-faint)}.loader__counter{font-family:var(--font-display);color:var(--color-neon-green);text-shadow:var(--glow-green);letter-spacing:-.04em;font-variant-numeric:tabular-nums;font-size:clamp(4rem,10vw,7rem);font-weight:900;line-height:1}.loader__bar-track{border-radius:var(--radius-full);background:#00ff401a;width:100%;height:2px;overflow:hidden}.loader__bar{background:var(--color-neon-green);width:0%;height:100%;box-shadow:var(--glow-green);border-radius:var(--radius-full);transition:none}.loader__sub{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--color-text-faint);letter-spacing:.1em}