@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=DM+Sans:ital,opsz,wght@0,9..40,400;0,9..40,500;1,9..40,400&family=JetBrains+Mono:wght@400;500&display=swap";:root{--clr-accent:#0f8;--clr-accent-dim:#00cc6a;--clr-accent-muted:#00ff881f;--clr-accent-glow:#00ff8840;--clr-accent-border:#00ff8859;--clr-bg-base:#060a0f;--clr-bg-surface:#0c1118;--clr-bg-elevated:#131c27;--clr-bg-overlay:#060a0fd9;--clr-text-primary:#e8f0f8;--clr-text-secondary:#7a8fa6;--clr-text-muted:#3d5269;--clr-border-subtle:#ffffff0f;--clr-border-default:#ffffff1a;--clr-border-strong:#ffffff2e;--clr-error:#ff4d6d;--clr-warning:#ffbe0b;--clr-info:#3a86ff;--font-display:"Space Grotesk", sans-serif;--font-body:"DM Sans", sans-serif;--font-mono:"JetBrains Mono", "Fira Code", monospace;--fs-xs:.75rem;--fs-sm:.875rem;--fs-base:1rem;--fs-md:1.125rem;--fs-lg:1.25rem;--fs-xl:1.5rem;--fs-2xl:2rem;--fs-3xl:2.5rem;--fs-4xl:3.5rem;--fs-5xl:5rem;--fw-regular:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700;--space-1:.25rem;--space-2:.5rem;--space-3:.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;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:20px;--radius-full:9999px;--shadow-sm:0 2px 8px #0006;--shadow-md:0 4px 24px #00000080;--shadow-lg:0 8px 48px #0009;--shadow-accent:0 0 20px #0f83;--shadow-accent-strong:0 0 40px #00ff8859;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-base:.3s cubic-bezier(.4, 0, .2, 1);--transition-slow:.5s cubic-bezier(.4, 0, .2, 1);--transition-spring:.4s cubic-bezier(.34, 1.56, .64, 1);--container-max:1200px;--container-pad:clamp(1.25rem, 5vw, 3rem);--navbar-height:70px;--section-py:clamp(5rem, 12vw, 8rem);--z-base:0;--z-raised:10;--z-overlay:100;--z-modal:200;--z-navbar:1000;--z-loader:9999}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;font-size:16px}body{font-family:var(--font-body);font-size:var(--fs-base);font-weight:var(--fw-regular);color:var(--clr-text-primary);background-color:var(--clr-bg-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.7;overflow-x:hidden}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--clr-bg-base)}::-webkit-scrollbar-thumb{background:var(--clr-accent-border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--clr-accent-dim)}::selection{background:var(--clr-accent-muted);color:var(--clr-accent)}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:var(--fw-bold);color:var(--clr-text-primary);line-height:1.15}p{color:var(--clr-text-secondary);line-height:1.8}a{color:inherit;transition:color var(--transition-fast);text-decoration:none}img,video{max-width:100%;display:block}button{cursor:pointer;background:0 0;border:none;font-family:inherit}input,textarea{font-family:inherit}ul,ol{list-style:none}.container{width:100%;max-width:var(--container-max);padding-inline:var(--container-pad);margin-inline:auto}.section{padding-block:var(--section-py)}.text-accent{color:var(--clr-accent)}body:before{content:"";opacity:.022;pointer-events:none;z-index:var(--z-overlay);background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' 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='1'/%3E%3C/svg%3E");position:fixed;inset:0}:focus-visible{outline:2px solid var(--clr-accent);outline-offset:3px;border-radius:var(--radius-sm)}@keyframes fadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes glowPulse{0%,to{box-shadow:0 0 12px #0f83}50%{box-shadow:0 0 28px #00ff8873}}@keyframes scanline{0%{transform:translateY(-100%)}to{transform:translateY(100vh)}}.reveal{opacity:0;transition:opacity .7s cubic-bezier(.4,0,.2,1),transform .7s cubic-bezier(.4,0,.2,1);transform:translateY(32px)}.reveal.is-visible{opacity:1;transform:translateY(0)}.reveal-stagger>:first-child{transition-delay:0s}.reveal-stagger>:nth-child(2){transition-delay:80ms}.reveal-stagger>:nth-child(3){transition-delay:.16s}.reveal-stagger>:nth-child(4){transition-delay:.24s}.reveal-stagger>:nth-child(5){transition-delay:.32s}.reveal-stagger>:nth-child(6){transition-delay:.4s}.glow-pulse{animation:3s ease-in-out infinite glowPulse}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.float{animation:5s ease-in-out infinite float}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.shimmer{background:linear-gradient(90deg, var(--clr-bg-surface) 25%, var(--clr-bg-elevated) 50%, var(--clr-bg-surface) 75%);background-size:800px 100%;animation:1.5s infinite shimmer}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.cursor{background:var(--clr-accent);vertical-align:middle;width:2px;height:1em;margin-left:2px;animation:1s step-end infinite blink;display:inline-block}.navbar{z-index:var(--z-navbar);height:var(--navbar-height);transition:background var(--transition-base), backdrop-filter var(--transition-base), border-color var(--transition-base), box-shadow var(--transition-base);border-bottom:1px solid #0000;position:fixed;top:0;left:0;right:0}.navbar--scrolled{-webkit-backdrop-filter:blur(18px);border-bottom-color:var(--clr-border-subtle);background:#060a0fd1;box-shadow:0 4px 32px #00000080}.navbar__inner{justify-content:space-between;align-items:center;height:100%;display:flex}.navbar__logo{font-family:var(--font-mono);font-size:var(--fs-lg);font-weight:var(--fw-bold);color:var(--clr-text-primary);letter-spacing:-.02em;transition:color var(--transition-fast);white-space:nowrap}.navbar__logo:hover{color:var(--clr-accent)}.navbar__logo-bracket{color:var(--clr-accent);opacity:.7}.navbar__logo-accent{color:var(--clr-accent)}.navbar__links{align-items:center;gap:var(--space-1);display:flex}.navbar__link{font-family:var(--font-body);font-size:var(--fs-sm);font-weight:var(--fw-medium);color:var(--clr-text-secondary);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);transition:color var(--transition-fast);position:relative}.navbar__link:after{content:"";background:var(--clr-accent);border-radius:var(--radius-full);width:0;height:2px;transition:width var(--transition-base);position:absolute;bottom:2px;left:50%;transform:translate(-50%)}.navbar__link:hover{color:var(--clr-text-primary)}.navbar__link:hover:after{width:60%}.navbar__link--active{color:var(--clr-accent)}.navbar__link--active:after{width:60%}.navbar__resume{font-family:var(--font-body);font-size:var(--fs-sm);font-weight:var(--fw-semibold);color:var(--clr-accent);border:1px solid var(--clr-accent-border);padding:var(--space-2) var(--space-5);border-radius:var(--radius-md);margin-left:var(--space-4);transition:background var(--transition-fast), box-shadow var(--transition-fast), color var(--transition-fast)}.navbar__resume:hover{background:var(--clr-accent-muted);box-shadow:var(--shadow-accent);color:var(--clr-accent)}.navbar__hamburger{flex-direction:column;justify-content:center;gap:5px;width:36px;height:36px;padding:4px;display:none}.navbar__hamburger span{background:var(--clr-text-primary);height:2px;transition:transform var(--transition-base), opacity var(--transition-base), width var(--transition-base);transform-origin:50%;border-radius:2px;display:block}.navbar__hamburger span:first-child{width:100%}.navbar__hamburger span:nth-child(2){width:70%}.navbar__hamburger span:nth-child(3){width:100%}.navbar__hamburger--open span:first-child{background:var(--clr-accent);width:100%;transform:translateY(7px)rotate(45deg)}.navbar__hamburger--open span:nth-child(2){opacity:0;transform:scaleX(0)}.navbar__hamburger--open span:nth-child(3){background:var(--clr-accent);width:100%;transform:translateY(-7px)rotate(-45deg)}.navbar__mobile{top:var(--navbar-height);-webkit-backdrop-filter:blur(24px);border-bottom:1px solid var(--clr-border-subtle);padding:var(--space-6) var(--container-pad) var(--space-8);opacity:0;pointer-events:none;transition:transform var(--transition-base), opacity var(--transition-base);background:#060a0ff7;flex-direction:column;display:flex;position:fixed;left:0;right:0;transform:translateY(-110%)}.navbar__mobile--open{opacity:1;pointer-events:auto;transform:translateY(0)}.navbar__mobile nav{gap:var(--space-2);flex-direction:column;display:flex}.navbar__mobile-link{align-items:center;gap:var(--space-4);font-size:var(--fs-xl);font-family:var(--font-display);font-weight:var(--fw-semibold);color:var(--clr-text-secondary);padding:var(--space-3) 0;text-align:left;border-bottom:1px solid var(--clr-border-subtle);transition:color var(--transition-fast);display:flex}.navbar__mobile-link:hover,.navbar__mobile-link--active{color:var(--clr-accent)}.navbar__mobile-num{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--clr-accent);opacity:.6;min-width:24px}.navbar__mobile-resume{margin-top:var(--space-6);font-size:var(--fs-md);font-weight:var(--fw-semibold);color:var(--clr-accent);border:1px solid var(--clr-accent-border);padding:var(--space-3) var(--space-6);border-radius:var(--radius-md);text-align:center;transition:background var(--transition-fast);display:inline-block}.navbar__mobile-resume:hover{background:var(--clr-accent-muted)}@media (width<=767px){.navbar__links{display:none}.navbar__hamburger{display:flex}}.footer{background:var(--clr-bg-surface);position:relative}.footer__glow-line{background:linear-gradient(to right, transparent 0%, var(--clr-accent-border) 30%, var(--clr-accent) 50%, var(--clr-accent-border) 70%, transparent 100%);opacity:.6;height:1px}.footer__inner{gap:var(--space-12);padding-top:var(--space-16);padding-bottom:var(--space-12);grid-template-columns:1.8fr 1fr 1fr;display:grid}.footer__logo{font-family:var(--font-mono);font-size:var(--fs-xl);font-weight:var(--fw-bold);color:var(--clr-text-primary);margin-bottom:var(--space-4);transition:color var(--transition-fast);display:block}.footer__logo:hover{color:var(--clr-accent)}.footer__logo-bracket{color:var(--clr-accent);opacity:.7}.footer__logo-dot{color:var(--clr-accent)}.footer__tagline{font-size:var(--fs-sm);color:var(--clr-text-secondary);max-width:300px;margin-bottom:var(--space-3);line-height:1.7}.footer__location{align-items:center;gap:var(--space-2);font-size:var(--fs-xs);color:var(--clr-text-muted);display:flex}.footer__nav{gap:var(--space-3);flex-direction:column;display:flex}.footer__nav-title{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--clr-accent);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-1)}.footer__nav-link{font-size:var(--fs-sm);color:var(--clr-text-secondary);text-align:left;transition:color var(--transition-fast), transform var(--transition-fast)}.footer__nav-link:hover{color:var(--clr-text-primary);transform:translate(4px)}.footer__socials-col{gap:var(--space-3);flex-direction:column;display:flex}.footer__social-link{align-items:center;gap:var(--space-2);font-size:var(--fs-sm);color:var(--clr-text-secondary);transition:color var(--transition-fast), transform var(--transition-fast);display:flex}.footer__social-link:hover{color:var(--clr-accent);transform:translate(4px)}.footer__bottom{border-top:1px solid var(--clr-border-subtle)}.footer__bottom-inner{padding-top:var(--space-5);padding-bottom:var(--space-5);justify-content:space-between;align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.footer__copy{font-size:var(--fs-xs);color:var(--clr-text-muted)}.footer__back-top{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--clr-text-muted);border:1px solid var(--clr-border-subtle);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);transition:color var(--transition-fast), border-color var(--transition-fast)}.footer__back-top:hover{color:var(--clr-accent);border-color:var(--clr-accent-border)}@media (width<=768px){.footer__inner{gap:var(--space-8);grid-template-columns:1fr 1fr}.footer__brand{grid-column:span 2}}@media (width<=480px){.footer__inner{grid-template-columns:1fr}.footer__brand{grid-column:span 1}}.particle-field{z-index:0;pointer-events:none;position:absolute;inset:0}.particle-field canvas{display:block;width:100%!important;height:100%!important}.hero{min-height:100dvh;padding-top:var(--navbar-height);align-items:center;display:flex;position:relative;overflow:hidden}.hero__glow{pointer-events:none;z-index:1;background:radial-gradient(70% 60% at 50% 40%,#00ff8812 0%,#0000 70%);position:absolute;inset:0}.hero__grid{pointer-events:none;z-index:1;background-image:linear-gradient(#00ff880a 1px,#0000 1px),linear-gradient(90deg,#00ff880a 1px,#0000 1px);background-size:64px 64px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(80% 80%,#000 30%,#0000 100%);mask-image:radial-gradient(80% 80%,#000 30%,#0000 100%)}.hero__content{z-index:2;padding-top:var(--space-16);padding-bottom:var(--space-24);max-width:780px;position:relative}.hero__greeting{align-items:center;gap:var(--space-4);font-family:var(--font-mono);font-size:var(--fs-sm);color:var(--clr-accent);letter-spacing:.08em;text-transform:uppercase;margin-bottom:var(--space-5);display:flex}.hero__greeting-line{background:var(--clr-accent);opacity:.7;width:40px;height:1px;display:inline-block}.hero__name{font-family:var(--font-display);font-size:clamp(var(--fs-4xl), 8vw, var(--fs-5xl));font-weight:var(--fw-bold);letter-spacing:-.03em;color:var(--clr-text-primary);margin-bottom:var(--space-5);line-height:1.05}.hero__role{font-family:var(--font-mono);font-size:clamp(var(--fs-lg), 3vw, var(--fs-2xl));color:var(--clr-text-secondary);margin-bottom:var(--space-8);min-height:2.4rem}.hero__role-prefix{color:var(--clr-accent);opacity:.5;margin-right:var(--space-1)}.hero__role-text{color:var(--clr-text-primary)}.hero__cursor{background:var(--clr-accent);vertical-align:middle;border-radius:1px;width:2px;height:1.1em;margin-left:3px;animation:1s step-end infinite blink;display:inline-block}.hero__bio{font-size:var(--fs-md);color:var(--clr-text-secondary);max-width:560px;margin-bottom:var(--space-10);line-height:1.8}.hero__cta{align-items:center;gap:var(--space-4);margin-bottom:var(--space-10);flex-wrap:wrap;display:flex}.btn{align-items:center;gap:var(--space-2);font-family:var(--font-body);font-size:var(--fs-base);font-weight:var(--fw-semibold);padding:var(--space-3) var(--space-8);border-radius:var(--radius-md);transition:all var(--transition-base);white-space:nowrap;display:inline-flex}.btn--primary{background:var(--clr-accent);color:#060a0f}.btn--primary:hover{background:var(--clr-accent-dim);box-shadow:var(--shadow-accent-strong);transform:translateY(-2px)}.btn--primary svg{transition:transform var(--transition-base)}.btn--primary:hover svg{transform:translate(4px)}.btn--ghost{color:var(--clr-text-primary);border:1px solid var(--clr-border-default);background:0 0}.btn--ghost:hover{border-color:var(--clr-accent-border);color:var(--clr-accent);background:var(--clr-accent-muted);transform:translateY(-2px)}.hero__socials{align-items:center;gap:var(--space-5);display:flex}.hero__socials a{color:var(--clr-text-muted);transition:color var(--transition-fast), transform var(--transition-fast);align-items:center;display:flex}.hero__socials a:hover{color:var(--clr-accent);transform:translateY(-3px)}.hero__socials svg{width:22px;height:22px}.hero__scroll-hint{bottom:var(--space-8);align-items:center;gap:var(--space-2);z-index:2;flex-direction:column;display:flex;position:absolute;left:50%;transform:translate(-50%)}.hero__scroll-hint span{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--clr-text-muted);letter-spacing:.1em;text-transform:uppercase}.hero__scroll-mouse{border:1.5px solid var(--clr-text-muted);border-radius:11px;justify-content:center;width:22px;height:34px;padding-top:5px;display:flex}.hero__scroll-dot{background:var(--clr-accent);border-radius:var(--radius-full);width:4px;height:8px;animation:1.8s ease-in-out infinite scrollDot}@keyframes scrollDot{0%,to{opacity:1;transform:translateY(0)}80%{opacity:0;transform:translateY(10px)}}@media (width<=600px){.hero__content{padding-top:var(--space-8)}.hero__bio{font-size:var(--fs-base)}.btn{padding:var(--space-3) var(--space-6);font-size:var(--fs-sm)}}.section-heading{margin-bottom:var(--space-16)}.section-heading--center{text-align:center;flex-direction:column;align-items:center;display:flex}.section-heading__num{font-family:var(--font-mono);font-size:var(--fs-sm);color:var(--clr-accent);letter-spacing:.1em;margin-bottom:var(--space-2);display:block}.section-heading__title{font-family:var(--font-display);font-size:clamp(var(--fs-2xl), 4vw, var(--fs-3xl));font-weight:var(--fw-bold);letter-spacing:-.02em;color:var(--clr-text-primary);margin-bottom:var(--space-3);line-height:1.15}.section-heading__sub{font-size:var(--fs-md);color:var(--clr-text-secondary);max-width:520px;margin-bottom:var(--space-6);line-height:1.7}.section-heading__line{background:var(--clr-accent);border-radius:var(--radius-full);opacity:.7;width:60px;height:2px}.section-heading--center .section-heading__line{margin-inline:auto}.about{position:relative;overflow:hidden}.about:before{content:"";pointer-events:none;background:radial-gradient(circle,#00ff880a 0%,#0000 70%);width:600px;height:600px;position:absolute;top:-20%;right:-10%}.about__grid{gap:var(--space-20);grid-template-columns:1fr 420px;align-items:start;display:grid}.about__text{gap:var(--space-5);flex-direction:column;display:flex}.about__text p{font-size:var(--fs-md);color:var(--clr-text-secondary);line-height:1.85}.about__highlights{gap:var(--space-3);margin-top:var(--space-4);padding:var(--space-6);background:var(--clr-bg-surface);border:1px solid var(--clr-border-subtle);border-left:2px solid var(--clr-accent);border-radius:var(--radius-lg);flex-direction:column;display:flex}.about__highlights li{align-items:flex-start;gap:var(--space-3);font-size:var(--fs-base);color:var(--clr-text-secondary);line-height:1.5;display:flex}.about__highlight-arrow{color:var(--clr-accent);font-size:var(--fs-xs);flex-shrink:0;margin-top:3px}.about__visual{gap:var(--space-8);flex-direction:column;align-items:center;display:flex}.about__avatar-wrap{flex-shrink:0;width:280px;height:280px;position:relative}.about__avatar-frame{border-radius:var(--radius-xl);border:1px solid var(--clr-accent-border);background:var(--clr-bg-surface);width:100%;height:100%;box-shadow:var(--shadow-accent), var(--shadow-lg);padding:4px}.about__avatar-inner{border-radius:calc(var(--radius-xl) - 4px);background:var(--clr-bg-elevated);justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.about__avatar-img{object-fit:cover;width:100%;height:100%}.about__avatar-fallback{font-family:var(--font-display);font-size:var(--fs-4xl);font-weight:var(--fw-bold);color:var(--clr-accent);letter-spacing:-.04em;opacity:.6;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.about__avatar-ring{border-radius:calc(var(--radius-xl) + 12px);border:1px solid var(--clr-accent-border);opacity:.3;pointer-events:none;animation:4s ease-in-out infinite glowPulse;position:absolute;inset:-12px}.about__avatar-corner{border-color:var(--clr-accent);opacity:.7;border-style:solid;width:20px;height:20px;position:absolute}.about__avatar-corner--tl{border-radius:var(--radius-sm) 0 0 0;border-width:2px 0 0 2px;top:-6px;left:-6px}.about__avatar-corner--br{border-radius:0 0 var(--radius-sm) 0;border-width:0 2px 2px 0;bottom:-6px;right:-6px}.about__stats{gap:var(--space-3);grid-template-columns:1fr 1fr;width:100%;display:grid}.about__stat{background:var(--clr-bg-surface);border:1px solid var(--clr-border-subtle);border-radius:var(--radius-lg);padding:var(--space-5) var(--space-4);text-align:center;transition:border-color var(--transition-base), box-shadow var(--transition-base)}.about__stat:hover{border-color:var(--clr-accent-border);box-shadow:var(--shadow-accent)}.about__stat-value{font-family:var(--font-display);font-size:var(--fs-2xl);font-weight:var(--fw-bold);color:var(--clr-accent);margin-bottom:var(--space-1);line-height:1;display:block}.about__stat-label{font-size:var(--fs-xs);color:var(--clr-text-muted);text-transform:uppercase;letter-spacing:.08em}@media (width<=1024px){.about__grid{gap:var(--space-12);grid-template-columns:1fr}.about__visual{flex-flow:wrap;justify-content:center;align-items:flex-start}}@media (width<=600px){.about__visual{flex-direction:column;align-items:center}.about__avatar-wrap{width:220px;height:220px}}.skills{background:var(--clr-bg-surface);position:relative;overflow:hidden}.skills:before,.skills:after{content:"";pointer-events:none;z-index:1;height:80px;position:absolute;left:0;right:0}.skills:before{background:linear-gradient(to bottom, var(--clr-bg-base), transparent);top:0}.skills:after{background:linear-gradient(to top, var(--clr-bg-base), transparent);bottom:0}.skills__tabs{gap:var(--space-2);margin-bottom:var(--space-10);border-bottom:1px solid var(--clr-border-subtle);padding-bottom:var(--space-1);flex-wrap:wrap;display:flex}.skills__tab{font-family:var(--font-body);font-size:var(--fs-sm);font-weight:var(--fw-medium);color:var(--clr-text-muted);padding:var(--space-2) var(--space-5);border-radius:var(--radius-md) var(--radius-md) 0 0;transition:color var(--transition-fast), background var(--transition-fast);position:relative}.skills__tab:after{content:"";background:var(--clr-accent);border-radius:var(--radius-full) var(--radius-full) 0 0;height:2px;transition:transform var(--transition-base);position:absolute;bottom:-1px;left:0;right:0;transform:scaleX(0)}.skills__tab:hover{color:var(--clr-text-primary)}.skills__tab--active{color:var(--clr-accent);background:var(--clr-accent-muted)}.skills__tab--active:after{transform:scaleX(1)}.skills__grid{gap:var(--space-4);margin-bottom:var(--space-16);grid-template-columns:repeat(auto-fill,minmax(175px,1fr));display:grid}.skill-card{background:var(--clr-bg-elevated);border:1px solid var(--clr-border-subtle);border-radius:var(--radius-lg);padding:var(--space-5) var(--space-4);align-items:center;gap:var(--space-3);cursor:default;transition:border-color var(--transition-base), box-shadow var(--transition-base);flex-direction:column;display:flex}.skill-card:hover{border-color:var(--clr-accent-border);box-shadow:var(--shadow-accent)}.skill-card__icon{color:var(--clr-accent);opacity:.85;transition:opacity var(--transition-fast), transform var(--transition-spring);font-size:2rem;line-height:1}.skill-card:hover .skill-card__icon{opacity:1;transform:scale(1.12)}.skill-card__name{font-family:var(--font-body);font-size:var(--fs-sm);font-weight:var(--fw-medium);color:var(--clr-text-primary);text-align:center}.skill-card__bar-track{background:var(--clr-border-subtle);border-radius:var(--radius-full);width:100%;height:4px;overflow:hidden}.skill-card__bar-fill{background:linear-gradient(90deg, var(--clr-accent-dim), var(--clr-accent));border-radius:var(--radius-full);height:100%;box-shadow:0 0 6px #0f86}.skill-card__level{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--clr-text-muted)}.skills__ribbon{border-top:1px solid var(--clr-border-subtle);padding-top:var(--space-8)}.skills__ribbon-label{font-size:var(--fs-sm);color:var(--clr-text-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--space-4)}.skills__ribbon-tags{gap:var(--space-2);flex-wrap:wrap;display:flex}.skills__tag{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--clr-text-secondary);background:var(--clr-bg-elevated);border:1px solid var(--clr-border-subtle);border-radius:var(--radius-full);padding:var(--space-1) var(--space-3);transition:color var(--transition-fast), border-color var(--transition-fast)}.skills__tag:hover{color:var(--clr-accent);border-color:var(--clr-accent-border)}@media (width<=600px){.skills__grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.skills__tabs{gap:var(--space-1)}.skills__tab{font-size:var(--fs-xs);padding:var(--space-2) var(--space-3)}}.project-card{background:var(--clr-bg-surface);border:1px solid var(--clr-border-subtle);border-radius:var(--radius-xl);cursor:pointer;transition:border-color var(--transition-base), box-shadow var(--transition-base), transform var(--transition-base);flex-direction:column;display:flex;overflow:hidden}.project-card:hover{border-color:var(--clr-accent-border);box-shadow:var(--shadow-accent), var(--shadow-lg);transform:translateY(-4px)}.project-card:focus-visible{outline:2px solid var(--clr-accent);outline-offset:3px}.project-card--featured{grid-column:span 2}.project-card__img-wrap{aspect-ratio:16/8;background:var(--clr-bg-elevated);flex-shrink:0;width:100%;position:relative;overflow:hidden}.project-card--featured .project-card__img-wrap{aspect-ratio:16/7}.project-card__img{object-fit:cover;width:100%;height:100%;transition:transform var(--transition-slow), filter var(--transition-slow);z-index:1;position:relative}.project-card:hover .project-card__img{filter:brightness(.6);transform:scale(1.04)}.project-card__overlay{z-index:2;opacity:0;transition:opacity var(--transition-base);background:#00ff880f;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.project-card:hover .project-card__overlay{opacity:1}.project-card__view-btn{font-family:var(--font-mono);font-size:var(--fs-sm);font-weight:var(--fw-medium);color:var(--clr-accent);border:1px solid var(--clr-accent-border);padding:var(--space-2) var(--space-5);border-radius:var(--radius-md);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:transform var(--transition-base);background:#060a0fcc;transform:translateY(6px)}.project-card:hover .project-card__view-btn{transform:translateY(0)}.project-card__placeholder{background:linear-gradient(135deg, var(--clr-bg-elevated), var(--clr-bg-surface));justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.project-card__placeholder span{font-family:var(--font-display);font-size:5rem;font-weight:var(--fw-bold);color:var(--clr-accent);opacity:.08;line-height:1}.project-card__badge{top:var(--space-3);left:var(--space-3);z-index:3;font-family:var(--font-mono);font-size:var(--fs-xs);font-weight:var(--fw-medium);color:#060a0f;background:var(--clr-accent);padding:2px var(--space-3);border-radius:var(--radius-full);letter-spacing:.04em;position:absolute}.project-card__year{top:var(--space-3);right:var(--space-3);z-index:3;font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--clr-text-muted);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:2px var(--space-2);border-radius:var(--radius-sm);border:1px solid var(--clr-border-subtle);background:#060a0fb3;position:absolute}.project-card__body{padding:var(--space-6);gap:var(--space-3);flex-direction:column;flex:1;display:flex}.project-card__title{font-family:var(--font-display);font-size:var(--fs-lg);font-weight:var(--fw-semibold);color:var(--clr-text-primary);transition:color var(--transition-fast);line-height:1.3}.project-card:hover .project-card__title{color:var(--clr-accent)}.project-card__desc{font-size:var(--fs-sm);color:var(--clr-text-secondary);flex:1;line-height:1.7}.project-card__tags{gap:var(--space-2);padding-top:var(--space-2);flex-wrap:wrap;margin-top:auto;display:flex}.project-card__tag{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--clr-accent);background:var(--clr-accent-muted);border:1px solid var(--clr-accent-border);padding:2px var(--space-2);border-radius:var(--radius-sm)}.project-card__tag--more{color:var(--clr-text-muted);background:var(--clr-bg-elevated);border-color:var(--clr-border-subtle)}.project-card__links{gap:var(--space-3);padding-top:var(--space-2);border-top:1px solid var(--clr-border-subtle);margin-top:var(--space-2);display:flex}.project-card__link{align-items:center;gap:var(--space-1);font-size:var(--fs-sm);font-weight:var(--fw-medium);color:var(--clr-text-secondary);transition:color var(--transition-fast);display:inline-flex}.project-card__link svg{width:15px;height:15px}.project-card__link:hover{color:var(--clr-text-primary)}.project-card__link--live:hover{color:var(--clr-accent)}@media (width<=768px){.project-card--featured{grid-column:span 1}}.projects{position:relative;overflow:hidden}.projects:before{content:"";pointer-events:none;background:radial-gradient(circle,#00ff8808 0%,#0000 70%);width:700px;height:700px;position:absolute;bottom:-20%;left:-10%}.projects__filters{gap:var(--space-2);margin-bottom:var(--space-10);flex-wrap:wrap;display:flex}.projects__filter{align-items:center;gap:var(--space-2);font-family:var(--font-body);font-size:var(--fs-sm);font-weight:var(--fw-medium);color:var(--clr-text-secondary);padding:var(--space-2) var(--space-5);border:1px solid var(--clr-border-subtle);border-radius:var(--radius-full);transition:all var(--transition-base);display:inline-flex}.projects__filter:hover{color:var(--clr-text-primary);border-color:var(--clr-border-default)}.projects__filter--active{color:var(--clr-accent);background:var(--clr-accent-muted);border-color:var(--clr-accent-border)}.projects__filter-count{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--clr-text-muted);background:var(--clr-bg-elevated);border-radius:var(--radius-full);text-align:center;min-width:20px;transition:color var(--transition-fast);padding:1px 6px}.projects__filter--active .projects__filter-count{color:var(--clr-accent);background:var(--clr-accent-muted)}.projects__grid{gap:var(--space-6);margin-bottom:var(--space-16);grid-template-columns:repeat(3,1fr);display:grid}.projects__cta{justify-content:space-between;align-items:center;gap:var(--space-6);padding-top:var(--space-8);border-top:1px solid var(--clr-border-subtle);flex-wrap:wrap;display:flex}.projects__cta p{font-size:var(--fs-md);color:var(--clr-text-secondary)}.projects__cta-btns{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.projects__more-count{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--clr-accent);background:var(--clr-accent-muted);border-radius:var(--radius-full);padding:1px var(--space-2);margin-left:var(--space-1)}@media (width<=1024px){.projects__grid{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.projects__grid{grid-template-columns:1fr}.projects__filters{gap:var(--space-2)}.projects__filter{font-size:var(--fs-xs);padding:var(--space-1) var(--space-4)}.projects__cta{align-items:flex-start;gap:var(--space-4);flex-direction:column}.projects__cta-btns{justify-content:flex-start;width:100%}}.experience{background:var(--clr-bg-surface);position:relative;overflow:hidden}.experience:before,.experience:after{content:"";pointer-events:none;height:80px;position:absolute;left:0;right:0}.experience:before{background:linear-gradient(to bottom, var(--clr-bg-base), transparent);top:0}.experience:after{background:linear-gradient(to top, var(--clr-bg-base), transparent);bottom:0}.tl-legend{justify-content:center;align-items:center;gap:var(--space-6);margin-bottom:var(--space-4);display:flex}.tl-legend__item{align-items:center;gap:var(--space-2);font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--clr-text-muted);text-transform:uppercase;letter-spacing:.08em;display:flex}.tl-legend__dot{background:var(--clr-bg-base);border:2px solid var(--clr-accent);border-radius:50%;width:10px;height:10px}.tl-legend__dot--work{border-color:var(--clr-accent)}.tl-legend__divider{background:var(--clr-border-subtle);width:1px;height:16px}.tl-cols-label{margin-bottom:var(--space-8);font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--clr-accent);letter-spacing:.06em;justify-content:space-between;padding:0;display:flex}.tl-cols-label span:first-child,.tl-cols-label span:last-child{color:var(--clr-accent)}.tl{gap:var(--space-6);flex-direction:column;display:flex;position:relative}.tl__spine{background:linear-gradient(to bottom, var(--clr-accent) 0%, #00ff884d 60%, transparent 100%);transform-origin:top;border-radius:var(--radius-full);width:2px;position:absolute;top:0;bottom:0;left:calc(50% - 1px);transform:none}.tl-row{grid-template-columns:1fr 40px 1fr;align-items:center;gap:0;min-height:40px;display:grid}.tl-row__left{padding-right:var(--space-8);justify-content:flex-end;display:flex}.tl-row__right{padding-left:var(--space-8);justify-content:flex-start;display:flex}.tl-row__spine{z-index:1;justify-content:center;align-items:center;display:flex;position:relative}.tl-item__dot{justify-content:center;align-items:center;width:16px;height:16px;display:flex}.tl-item__dot-inner{background:var(--clr-bg-base);border:2px solid var(--clr-accent);width:12px;height:12px;transition:background var(--transition-fast), box-shadow var(--transition-fast);border-radius:50%;flex-shrink:0}.tl-item__dot-inner--edu{border-color:var(--clr-accent)}.tl-item:hover .tl-item__dot-inner,.tl-item--edu:hover .tl-item__dot-inner{background:var(--clr-accent);box-shadow:0 0 10px #00ff8880}.tl-item{width:100%;max-width:480px}.tl-item__card{background:var(--clr-bg-elevated);border:1px solid var(--clr-border-subtle);border-radius:var(--radius-lg);padding:var(--space-5) var(--space-6);transition:border-color var(--transition-base), box-shadow var(--transition-base)}.tl-item--work .tl-item__card{border-left:2px solid var(--clr-accent)}.tl-item--edu .tl-item__card{border-right:2px solid var(--clr-accent)}.tl-item__card:hover{box-shadow:var(--shadow-md)}.tl-item--work .tl-item__card:hover{border-color:var(--clr-accent-border);box-shadow:var(--shadow-accent)}.tl-item--edu .tl-item__card:hover{border-color:#00ff8859;box-shadow:0 0 20px #00ff8826}.tl-item__header{align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-3);display:flex}.tl-item__type-badge{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.tl-item--work .tl-item__type-badge{background:var(--clr-accent-muted);border:1px solid var(--clr-accent-border);color:var(--clr-accent)}.tl-item--edu .tl-item__type-badge{color:var(--clr-accent);background:#00ff881a;border:1px solid #00ff884d}.tl-item__type-badge svg{width:15px;height:15px}.tl-item__title-group{flex:1;min-width:0}.tl-item__title{font-family:var(--font-display);font-size:var(--fs-base);font-weight:var(--fw-semibold);color:var(--clr-text-primary);margin-bottom:var(--space-1);line-height:1.3}.tl-item__org{font-size:var(--fs-sm);font-weight:var(--fw-medium)}.tl-item--work .tl-item__org,.tl-item--edu .tl-item__org{color:var(--clr-accent)}.tl-item__meta{justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3);padding-bottom:var(--space-3);border-bottom:1px solid var(--clr-border-subtle);flex-wrap:wrap;display:flex}.tl-item__period{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--clr-text-secondary);align-items:center;gap:var(--space-2);display:flex}.tl-item__current-dot{background:var(--clr-accent);border-radius:50%;width:7px;height:7px;animation:2s ease-in-out infinite glowPulse;display:inline-block;box-shadow:0 0 6px #0f89}.tl-item__location{font-size:var(--fs-xs);color:var(--clr-text-muted);align-items:center;gap:3px;display:flex}.tl-item__desc{font-size:var(--fs-sm);color:var(--clr-text-secondary);margin-bottom:var(--space-4);line-height:1.75}.tl-item__tags{gap:var(--space-2);flex-wrap:wrap;display:flex}.tl-item__tag{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--clr-text-secondary);background:var(--clr-bg-surface);border:1px solid var(--clr-border-subtle);padding:2px var(--space-3);border-radius:var(--radius-full);transition:color var(--transition-fast), border-color var(--transition-fast)}.tl-item--work:hover .tl-item__tag{color:var(--clr-accent);border-color:var(--clr-accent-border)}.tl-item--edu:hover .tl-item__tag{color:var(--clr-accent);border-color:#00ff8859}.tl-item__cert-link{align-items:center;gap:var(--space-2);margin-top:var(--space-3);font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--clr-accent);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);transition:background var(--transition-fast), border-color var(--transition-fast);background:#00ff880f;border:1px solid #00ff884d;display:inline-flex}.tl-item__cert-link:hover{background:#00ff8824;border-color:#00ff8880}@media (width<=768px){.tl{padding-left:36px}.tl__spine{left:12px}.tl-row{grid-template-rows:auto;grid-template-columns:16px 1fr;gap:0}.tl-row__left{order:2;grid-column:2;justify-content:flex-start;padding-right:0}.tl-row__right{padding-left:var(--space-5);order:2;grid-column:2;justify-content:flex-start}.tl-row__spine{padding-top:var(--space-5);order:1;grid-column:1;align-self:flex-start}.tl-row--left .tl-row__left,.tl-row--right .tl-row__right{display:flex}.tl-row--left .tl-row__right,.tl-row--right .tl-row__left{display:none}.tl-item{max-width:100%}.tl-item--edu .tl-item__card{border-right:none;border-left:2px solid var(--clr-accent)}.tl-cols-label{display:none}}.contact{position:relative;overflow:hidden}.contact:before{content:"";pointer-events:none;background:radial-gradient(#00ff880d 0%,#0000 70%);width:800px;height:500px;position:absolute;top:0;left:50%;transform:translate(-50%)}.contact__grid{gap:var(--space-10);grid-template-columns:1fr 1.4fr;align-items:start;max-width:1000px;margin-inline:auto;display:grid}.contact__info-card{background:var(--clr-bg-surface);border:1px solid var(--clr-border-subtle);border-radius:var(--radius-xl);padding:var(--space-8);height:100%}.contact__info-title{font-family:var(--font-display);font-size:var(--fs-xl);font-weight:var(--fw-semibold);color:var(--clr-text-primary);margin-bottom:var(--space-4)}.contact__info-body{font-size:var(--fs-base);color:var(--clr-text-secondary);margin-bottom:var(--space-8);line-height:1.8}.contact__details{gap:var(--space-4);margin-bottom:var(--space-8);padding:var(--space-5);background:var(--clr-bg-elevated);border-radius:var(--radius-lg);border:1px solid var(--clr-border-subtle);flex-direction:column;display:flex}.contact__detail{justify-content:space-between;align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.contact__detail-label{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--clr-text-muted);text-transform:uppercase;letter-spacing:.08em;flex-shrink:0}.contact__detail-value{font-size:var(--fs-sm);color:var(--clr-text-primary);text-align:right}.contact__socials{gap:var(--space-3);flex-direction:column;display:flex}.contact__social{align-items:center;gap:var(--space-3);font-size:var(--fs-sm);font-weight:var(--fw-medium);color:var(--clr-text-secondary);padding:var(--space-3) var(--space-4);border:1px solid var(--clr-border-subtle);border-radius:var(--radius-md);transition:all var(--transition-base);display:flex}.contact__social:hover{color:var(--clr-accent);border-color:var(--clr-accent-border);background:var(--clr-accent-muted);transform:translate(4px)}.contact__social svg{flex-shrink:0;width:18px;height:18px}.contact__form-wrap{background:var(--clr-bg-surface);border:1px solid var(--clr-border-subtle);border-radius:var(--radius-xl);padding:var(--space-8)}.contact__form{gap:var(--space-5);flex-direction:column;display:flex}.contact__row{gap:var(--space-5);grid-template-columns:1fr 1fr;display:grid}.contact__field{gap:var(--space-2);flex-direction:column;display:flex}.contact__label{font-family:var(--font-body);font-size:var(--fs-sm);font-weight:var(--fw-medium);color:var(--clr-text-secondary);justify-content:space-between;align-items:center;display:flex}.contact__char-count{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--clr-text-muted)}.contact__input{background:var(--clr-bg-elevated);border:1px solid var(--clr-border-default);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);font-family:var(--font-body);font-size:var(--fs-base);color:var(--clr-text-primary);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);outline:none;width:100%}.contact__input::placeholder{color:var(--clr-text-muted)}.contact__field--focused .contact__input{border-color:var(--clr-accent-border);box-shadow:0 0 0 3px var(--clr-accent-muted)}.contact__field--error .contact__input{border-color:var(--clr-error)}.contact__textarea{resize:vertical;min-height:140px;line-height:1.7}.contact__error{font-size:var(--fs-xs);color:var(--clr-error)}.contact__submit-error{font-size:var(--fs-sm);color:var(--clr-error);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);background:#ff4d6d14;border:1px solid #ff4d6d40}.contact__submit{align-self:flex-start;gap:var(--space-2)}.contact__spinner{border:2px solid #060a0f4d;border-top-color:#060a0f;border-radius:50%;width:14px;height:14px;animation:.7s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.contact__success{text-align:center;justify-content:center;align-items:center;gap:var(--space-4);padding:var(--space-16) var(--space-8);flex-direction:column;display:flex}.contact__success-icon{background:var(--clr-accent-muted);border:2px solid var(--clr-accent-border);width:60px;height:60px;font-size:var(--fs-2xl);color:var(--clr-accent);box-shadow:var(--shadow-accent);border-radius:50%;justify-content:center;align-items:center;display:flex}.contact__success h3{font-family:var(--font-display);font-size:var(--fs-xl);color:var(--clr-text-primary)}.contact__success p{font-size:var(--fs-base);color:var(--clr-text-secondary);max-width:340px}@media (width<=900px){.contact__grid{grid-template-columns:1fr}}@media (width<=540px){.contact__row{grid-template-columns:1fr}.contact__form-wrap,.contact__info-card{padding:var(--space-6)}.contact__submit{justify-content:center;width:100%}}.pd{min-height:100dvh;padding-top:var(--navbar-height)}.pd__hero{align-items:flex-end;min-height:52vh;display:flex;position:relative;overflow:hidden}.pd__hero-bg{position:absolute;inset:0}.pd__hero-img{object-fit:cover;filter:brightness(.25)saturate(.6);width:100%;height:100%}.pd__hero-overlay{background:linear-gradient(to bottom, #060a0f33 0%, #060a0fa6 60%, var(--clr-bg-base) 100%);position:absolute;inset:0}.pd__hero-content{z-index:1;padding-bottom:var(--space-16);padding-top:var(--space-12);position:relative}.pd__back{font-family:var(--font-mono);font-size:var(--fs-sm);color:var(--clr-text-secondary);margin-bottom:var(--space-6);transition:color var(--transition-fast);display:block}.pd__back:hover{color:var(--clr-accent)}.pd__meta{align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);display:flex}.pd__year,.pd__category{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--clr-accent);background:var(--clr-accent-muted);border:1px solid var(--clr-accent-border);padding:2px var(--space-3);border-radius:var(--radius-full);text-transform:capitalize}.pd__title{font-family:var(--font-display);font-size:clamp(var(--fs-2xl), 5vw, var(--fs-4xl));font-weight:var(--fw-bold);letter-spacing:-.03em;color:var(--clr-text-primary);margin-bottom:var(--space-5);max-width:800px;line-height:1.1}.pd__short{font-size:var(--fs-md);color:var(--clr-text-secondary);max-width:600px;margin-bottom:var(--space-8);line-height:1.7}.pd__links{gap:var(--space-4);flex-wrap:wrap;display:flex}.pd__body{padding-top:var(--space-16);padding-bottom:var(--space-24)}.pd__layout{gap:var(--space-16);margin-bottom:var(--space-16);grid-template-columns:1fr 320px;align-items:start;display:grid}.pd__section-title{font-family:var(--font-display);font-size:var(--fs-xl);font-weight:var(--fw-semibold);color:var(--clr-text-primary);margin-bottom:var(--space-6);padding-bottom:var(--space-3);border-bottom:1px solid var(--clr-border-subtle)}.pd__para{font-size:var(--fs-md);color:var(--clr-text-secondary);margin-bottom:var(--space-5);line-height:1.85}.pd__card{background:var(--clr-bg-surface);border:1px solid var(--clr-border-subtle);border-radius:var(--radius-lg);padding:var(--space-6);margin-bottom:var(--space-5)}.pd__card-title{font-family:var(--font-display);font-size:var(--fs-base);font-weight:var(--fw-semibold);color:var(--clr-text-primary);margin-bottom:var(--space-4)}.pd__tags{gap:var(--space-2);flex-wrap:wrap;display:flex}.pd__highlights{gap:var(--space-3);flex-direction:column;display:flex}.pd__highlights li{gap:var(--space-2);font-size:var(--fs-sm);color:var(--clr-text-secondary);line-height:1.5;display:flex}.pd__bullet{color:var(--clr-accent);flex-shrink:0;margin-top:1px}.pd__info-grid{gap:var(--space-4);grid-template-columns:1fr 1fr;display:grid}.pd__info-label{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--clr-text-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--space-1);display:block}.pd__info-value{font-size:var(--fs-base);font-weight:var(--fw-medium);color:var(--clr-text-primary)}.pd__nav{justify-content:space-between;gap:var(--space-4);padding-top:var(--space-10);border-top:1px solid var(--clr-border-subtle);display:flex}.pd__nav-link{gap:var(--space-1);max-width:45%;padding:var(--space-4) var(--space-5);border:1px solid var(--clr-border-subtle);border-radius:var(--radius-lg);transition:border-color var(--transition-base), background var(--transition-base);flex-direction:column;display:flex}.pd__nav-link:hover{border-color:var(--clr-accent-border);background:var(--clr-accent-muted)}.pd__nav-link--next{align-items:flex-end;margin-left:auto}.pd__nav-dir{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--clr-accent);letter-spacing:.06em}.pd__nav-name{font-size:var(--fs-sm);font-weight:var(--fw-medium);color:var(--clr-text-primary)}.pd__features{margin-bottom:var(--space-5)}.pd__features-title{font-family:var(--font-display);font-size:var(--fs-lg);font-weight:var(--fw-semibold);color:var(--clr-text-primary);margin-bottom:var(--space-4);padding-bottom:var(--space-2);border-bottom:1px solid var(--clr-border-subtle)}.pd__features-list{gap:var(--space-3);padding:var(--space-5) var(--space-6);background:var(--clr-bg-surface);border:1px solid var(--clr-border-subtle);border-left:2px solid var(--clr-accent);border-radius:var(--radius-lg);flex-direction:column;display:flex}.pd__features-item{align-items:flex-start;gap:var(--space-3);font-size:var(--fs-base);color:var(--clr-text-secondary);line-height:1.6;display:flex}.pd__features-bullet{color:var(--clr-accent);font-size:var(--fs-xs);flex-shrink:0;margin-top:4px}.pd__specifications{margin-bottom:var(--space-5)}.pd__specifications-title{font-family:var(--font-display);font-size:var(--fs-lg);font-weight:var(--fw-semibold);color:var(--clr-text-primary);margin-bottom:var(--space-4);padding-bottom:var(--space-2);border-bottom:1px solid var(--clr-border-subtle)}.pd__specifications-list{gap:var(--space-3);padding:var(--space-5) var(--space-6);background:var(--clr-bg-surface);border:1px solid var(--clr-border-subtle);border-left:2px solid var(--clr-accent);border-radius:var(--radius-lg);flex-direction:column;display:flex}.pd__specifications-item{align-items:flex-start;gap:var(--space-3);font-size:var(--fs-base);color:var(--clr-text-secondary);line-height:1.6;display:flex}.pd__specifications-bullet{color:var(--clr-accent);font-size:var(--fs-xs);flex-shrink:0;margin-top:4px}.pd-not-found{justify-content:center;align-items:center;gap:var(--space-6);min-height:100dvh;color:var(--clr-text-secondary);flex-direction:column;display:flex}@media (width<=900px){.pd__layout{grid-template-columns:1fr}.pd__sidebar{gap:var(--space-4);grid-template-columns:1fr 1fr;display:grid}.pd__card{margin-bottom:0}}@media (width<=600px){.pd__sidebar{grid-template-columns:1fr}.pd__nav{flex-direction:column}.pd__nav-link{max-width:100%}.pd__nav-link--next{align-items:flex-start}}