:root{--color-bg: #080B14;--color-surface: #0F1624;--color-surface-2: #162033;--color-border: #1E2D40;--color-border-2: #2A3F5A;--color-accent: #4F9DFF;--color-accent-glow: rgba(79, 157, 255, .25);--color-accent-2: #22D3EE;--color-text: #F1F5F9;--color-text-muted: #94A3B8;--color-text-subtle: #475569;--font-display: "Space Grotesk", sans-serif;--font-body: "Inter", sans-serif;--font-mono: "Roboto Mono", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--text-6xl: 3.75rem;--weight-light: 300;--weight-regular: 400;--weight-medium: 500;--weight-semi: 600;--weight-bold: 700;--leading-tight: 1.2;--leading-normal: 1.6;--leading-loose: 1.8;--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;--navbar-height: 50px;--container-max: 1100px;--container-pad: var(--space-6);--radius-sm: 6px;--radius-md: 12px;--radius-lg: 20px;--radius-full: 9999px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .4);--shadow-md: 0 4px 16px rgba(0, 0, 0, .5);--shadow-lg: 0 8px 40px rgba(0, 0, 0, .6);--shadow-glow: 0 0 40px var(--color-accent-glow);--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in: cubic-bezier(.4, 0, 1, 1);--duration-fast: .15s;--duration-base: .25s;--duration-slow: .4s;--duration-slower: .6s}[data-theme=light]{--color-bg: #F8FAFC;--color-surface: #FFFFFF;--color-surface-2: #F1F5F9;--color-border: #E2E8F0;--color-border-2: #CBD5E1;--color-accent: #2563EB;--color-accent-glow: rgba(37, 99, 235, .15);--color-accent-2: #0891B2;--color-text: #0F172A;--color-text-muted: #475569;--color-text-subtle: #94A3B8;--shadow-sm: 0 1px 3px rgba(15, 23, 42, .08);--shadow-md: 0 4px 16px rgba(15, 23, 42, .1);--shadow-lg: 0 8px 40px rgba(15, 23, 42, .12);--shadow-glow: 0 0 40px var(--color-accent-glow)}[data-font=editorial]{--font-display: "Playfair Display", Georgia, serif;--font-body: "Lora", Georgia, serif;--font-mono: "JetBrains Mono", monospace;--leading-tight: 1.15;--leading-normal: 1.7;--leading-loose: 1.9}[data-font=geometric]{--font-display: "Outfit", sans-serif;--font-body: "DM Sans", sans-serif;--font-mono: "Fira Code", monospace;--leading-tight: 1.25;--leading-normal: 1.55;--leading-loose: 1.75}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:var(--navbar-height);font-size:16px}body{font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--weight-regular);line-height:var(--leading-normal);color:var(--color-text);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:var(--weight-bold);line-height:var(--leading-tight);color:var(--color-text)}p{color:var(--color-text-muted);line-height:var(--leading-loose)}a{color:var(--color-accent);text-decoration:none;transition:color var(--duration-base) var(--ease-out)}a:hover{color:var(--color-accent-2)}img,video{display:block;max-width:100%}ul,ol{list-style:none}button{cursor:pointer;font-family:var(--font-body);border:none;background:none}code,pre{font-family:var(--font-mono)}.container{width:100%;max-width:var(--container-max);margin-inline:auto;padding-inline:var(--container-pad)}.section{padding-block:var(--space-24)}.section-label{display:inline-flex;align-items:center;gap:var(--space-2);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--weight-medium);letter-spacing:.15em;text-transform:uppercase;color:var(--color-accent);margin-bottom:var(--space-4)}.section-label:before{content:"";display:inline-block;width:24px;height:1px;background-color:var(--color-accent)}.section-title{font-size:var(--text-4xl);font-weight:var(--weight-bold);color:var(--color-text);margin-bottom:var(--space-4)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:var(--color-border-2);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-accent)}::selection{background-color:var(--color-accent-glow);color:var(--color-text)}.btn{display:inline-flex;align-items:center;gap:var(--space-2);font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--weight-medium);padding:var(--space-3) var(--space-6);border-radius:var(--radius-sm);text-decoration:none;border:1px solid transparent;cursor:pointer;transition:background-color var(--duration-base) var(--ease-out),color var(--duration-base) var(--ease-out),border-color var(--duration-base) var(--ease-out),box-shadow var(--duration-base) var(--ease-out);white-space:nowrap}.btn--primary{background-color:var(--color-accent);color:var(--color-bg);border-color:var(--color-accent)}.btn--primary:hover{background-color:transparent;color:var(--color-accent);box-shadow:var(--shadow-glow)}.btn--ghost{background-color:transparent;color:var(--color-text-muted);border-color:var(--color-border-2)}.btn--ghost:hover{color:var(--color-text);border-color:var(--color-text-muted)}:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px;border-radius:var(--radius-sm)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.navbar{position:fixed;top:0;left:0;right:0;z-index:100;height:var(--navbar-height);display:flex;align-items:center;border-bottom:1px solid transparent;transition:background-color var(--duration-slow) var(--ease-out),border-color var(--duration-slow) var(--ease-out)}.navbar--scrolled{background-color:color-mix(in srgb,var(--color-bg) 82%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom-color:var(--color-border)}.navbar__inner{display:flex;align-items:center;justify-content:space-between}.navbar__logo{font-family:var(--font-mono);font-size:var(--text-lg);font-weight:var(--weight-bold);color:var(--color-text);text-decoration:none;letter-spacing:.03em;transition:color var(--duration-base) var(--ease-out);white-space:nowrap}.navbar__logo:hover,.navbar__logo-bracket{color:var(--color-accent)}.navbar__nav{display:flex;align-items:center;gap:var(--space-8)}.navbar__links{display:flex;align-items:center;gap:var(--space-6)}.navbar__link{position:relative;font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-muted);text-decoration:none;padding-block:var(--space-1);transition:color var(--duration-base) var(--ease-out)}.navbar__link:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:1px;background-color:var(--color-accent);transition:width var(--duration-base) var(--ease-out)}.navbar__link:hover{color:var(--color-text)}.navbar__link:hover:after{width:100%}.navbar__resume{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--weight-medium);letter-spacing:.06em;color:var(--color-accent);border:1px solid var(--color-accent);padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);text-decoration:none;transition:background-color var(--duration-base) var(--ease-out),color var(--duration-base) var(--ease-out),box-shadow var(--duration-base) var(--ease-out)}.navbar__resume:hover{background-color:var(--color-accent);color:var(--color-bg);box-shadow:var(--shadow-glow)}.navbar__hamburger{display:none;flex-direction:column;justify-content:center;gap:5px;width:36px;height:36px;padding:6px;background:none;border:none;cursor:pointer;border-radius:var(--radius-sm);transition:background-color var(--duration-fast) var(--ease-out)}.navbar__hamburger:hover{background-color:var(--color-surface)}.navbar__hamburger span{display:block;width:100%;height:1.5px;background-color:var(--color-text);border-radius:var(--radius-full);transform-origin:center;transition:transform var(--duration-base) var(--ease-out),opacity var(--duration-base) var(--ease-out)}.navbar__hamburger--open span:nth-child(1){transform:translateY(6.5px) rotate(45deg)}.navbar__hamburger--open span:nth-child(2){opacity:0;transform:scaleX(0)}.navbar__hamburger--open span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}@media (max-width: 768px){.navbar__hamburger{display:flex}.navbar__nav{position:fixed;top:var(--navbar-height);left:0;right:0;flex-direction:column;align-items:stretch;gap:0;background-color:var(--color-surface);border-bottom:1px solid var(--color-border);padding:var(--space-6);transform:translateY(-110%);opacity:0;pointer-events:none;transition:transform var(--duration-slow) var(--ease-out),opacity var(--duration-slow) var(--ease-out)}.navbar__nav--open{transform:translateY(0);opacity:1;pointer-events:auto}.navbar__links{flex-direction:column;align-items:flex-start;gap:var(--space-5);margin-bottom:var(--space-6);padding-bottom:var(--space-6);border-bottom:1px solid var(--color-border)}.navbar__link{font-size:var(--text-base)}.navbar__resume{align-self:flex-start}}.footer{background-color:var(--color-surface);border-top:1px solid var(--color-border);padding-top:var(--space-12);padding-bottom:var(--space-8)}.footer__top-border{display:none}.footer__inner{display:grid;grid-template-columns:1fr auto auto;align-items:start;gap:var(--space-12);padding-bottom:var(--space-10);border-bottom:1px solid var(--color-border)}.footer__brand{display:flex;flex-direction:column;gap:var(--space-3)}.footer__logo{font-family:var(--font-mono);font-size:var(--text-lg);font-weight:var(--weight-bold);color:var(--color-text);text-decoration:none;letter-spacing:.03em;width:fit-content;transition:color var(--duration-base) var(--ease-out)}.footer__logo:hover,.footer__logo-bracket{color:var(--color-accent)}.footer__tagline{font-size:var(--text-sm);color:var(--color-text-subtle);line-height:var(--leading-normal)}.footer__nav{padding-top:var(--space-1)}.footer__links{display:flex;flex-direction:column;gap:var(--space-3)}.footer__link{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-muted);text-decoration:none;transition:color var(--duration-base) var(--ease-out)}.footer__link:hover{color:var(--color-accent)}.footer__social{display:flex;flex-direction:column;gap:var(--space-3);padding-top:var(--space-1)}.footer__social-link{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-sm);color:var(--color-text-muted);border:1px solid var(--color-border);transition:color var(--duration-base) var(--ease-out),border-color var(--duration-base) var(--ease-out),background-color var(--duration-base) var(--ease-out)}.footer__social-link:hover{color:var(--color-accent);border-color:var(--color-accent);background-color:var(--color-accent-glow)}.footer__bottom{display:flex;align-items:center;justify-content:space-between;padding-top:var(--space-6)}.footer__copy,.footer__made{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-subtle);letter-spacing:.04em}.footer__made-name{color:var(--color-accent)}@media (max-width: 640px){.footer__inner{grid-template-columns:1fr;gap:var(--space-8);padding-bottom:var(--space-8)}.footer__nav{padding-top:0}.footer__links{flex-direction:row;flex-wrap:wrap;gap:var(--space-4) var(--space-6)}.footer__social{flex-direction:row;padding-top:0}.footer__bottom{flex-direction:column;align-items:flex-start;gap:var(--space-2)}}.back-to-top{position:fixed;bottom:var(--space-8);right:var(--space-8);z-index:90;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background-color:var(--color-surface);color:var(--color-text-muted);border:1px solid var(--color-border-2);border-radius:var(--radius-sm);cursor:pointer;opacity:0;transform:translateY(12px);pointer-events:none;transition:opacity var(--duration-base) var(--ease-out),transform var(--duration-base) var(--ease-out),color var(--duration-base) var(--ease-out),border-color var(--duration-base) var(--ease-out),background-color var(--duration-base) var(--ease-out)}.back-to-top--visible{opacity:1;transform:translateY(0);pointer-events:auto}.back-to-top:hover{color:var(--color-accent);border-color:var(--color-accent);background-color:var(--color-accent-glow)}@media (max-width: 640px){.back-to-top{bottom:var(--space-6);right:var(--space-6)}}.hero{position:relative;min-height:100vh;display:flex;align-items:center;padding-top:var(--navbar-height);overflow:hidden}.hero__bg-grid{position:absolute;inset:0;background-image:linear-gradient(to right,rgba(79,157,255,.045) 1px,transparent 1px),linear-gradient(to bottom,rgba(79,157,255,.045) 1px,transparent 1px);background-size:60px 60px;mask-image:radial-gradient(ellipse 80% 80% at 50% 50%,black 30%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 80% 80% at 50% 50%,black 30%,transparent 100%);pointer-events:none}.hero__bg-glow{position:absolute;width:800px;height:800px;border-radius:50%;background:radial-gradient(circle,rgba(79,157,255,.09) 0%,transparent 65%);top:-220px;right:-180px;pointer-events:none}.hero__bg-glow2{position:absolute;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(34,211,238,.06) 0%,transparent 65%);bottom:-100px;left:-100px;pointer-events:none}.hero__content{position:relative;z-index:1;padding-block:var(--space-20)}.hero__eyebrow{display:flex;align-items:center;gap:var(--space-3);font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-accent);margin-bottom:var(--space-5);animation:fadeInUp var(--duration-slower) var(--ease-out) .1s both}.hero__eyebrow-line{display:inline-block;width:40px;height:1px;background-color:var(--color-accent);flex-shrink:0}.hero__name{font-size:clamp(2.8rem,7.5vw,5.5rem);font-weight:var(--weight-bold);line-height:1.05;letter-spacing:-.025em;color:var(--color-text);margin-bottom:var(--space-3);animation:fadeInUp var(--duration-slower) var(--ease-out) .2s both}.hero__dot{color:var(--color-accent)}.hero__role{font-size:clamp(1.4rem,3.5vw,2.25rem);font-weight:var(--weight-light);color:var(--color-text-muted);margin-bottom:var(--space-6);animation:fadeInUp var(--duration-slower) var(--ease-out) .3s both}.hero__role-gradient{background:linear-gradient(90deg,var(--color-accent) 0%,var(--color-accent-2) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:var(--weight-medium)}.hero__bio{font-size:var(--text-lg);color:var(--color-text-muted);line-height:var(--leading-loose);max-width:540px;margin-bottom:var(--space-10);animation:fadeInUp var(--duration-slower) var(--ease-out) .4s both}.hero__actions{display:flex;align-items:center;gap:var(--space-4);flex-wrap:wrap;margin-bottom:var(--space-12);animation:fadeInUp var(--duration-slower) var(--ease-out) .5s both}.hero__socials{display:flex;align-items:center;gap:var(--space-6);animation:fadeInUp var(--duration-slower) var(--ease-out) .6s both}.hero__social-link{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--weight-medium);letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-subtle);text-decoration:none;padding-bottom:2px;border-bottom:1px solid transparent;transition:color var(--duration-base) var(--ease-out),border-color var(--duration-base) var(--ease-out)}.hero__social-link:hover{color:var(--color-accent);border-bottom-color:var(--color-accent)}.hero__scroll-hint{position:absolute;bottom:var(--space-8);left:50%;transform:translate(-50%);animation:fadeIn .8s var(--ease-out) 1.2s both}.hero__scroll-line{display:block;width:1px;height:56px;background:linear-gradient(to bottom,transparent,var(--color-accent));animation:scrollPulse 2.2s ease-in-out infinite}@keyframes fadeInUp{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scrollPulse{0%{transform:scaleY(0);transform-origin:top;opacity:1}49%{transform:scaleY(1);transform-origin:top;opacity:1}50%{transform:scaleY(1);transform-origin:bottom}to{transform:scaleY(0);transform-origin:bottom;opacity:.2}}@media (max-width: 640px){.hero__content{padding-block:var(--space-16);text-align:center}.hero__eyebrow{justify-content:center}.hero__bio{margin-inline:auto}.hero__actions,.hero__socials{justify-content:center}.hero__scroll-hint{display:none}.hero__bg-glow{width:400px;height:400px;top:-80px;right:-180px}}.heroalt{position:relative;min-height:100vh;display:flex;align-items:center;padding-top:64px;overflow:hidden}.heroalt__grid{position:absolute;inset:0;background-image:linear-gradient(to right,rgba(79,157,255,.04) 1px,transparent 1px),linear-gradient(to bottom,rgba(79,157,255,.04) 1px,transparent 1px);background-size:52px 52px;mask-image:radial-gradient(ellipse 90% 90% at 50% 50%,black 20%,transparent 80%);-webkit-mask-image:radial-gradient(ellipse 90% 90% at 50% 50%,black 20%,transparent 80%);pointer-events:none}.heroalt__glow-tl{position:absolute;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,rgba(79,157,255,.11) 0%,transparent 65%);top:-180px;left:-120px;pointer-events:none}.heroalt__glow-br{position:absolute;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(34,211,238,.07) 0%,transparent 65%);bottom:-140px;right:-100px;pointer-events:none}.heroalt__float-tag{position:absolute;font-family:var(--font-mono);font-size:.7rem;color:#4f9dff1f;pointer-events:none;-webkit-user-select:none;user-select:none;white-space:nowrap;animation:floatDrift var(--dur, 8s) ease-in-out infinite}@keyframes floatDrift{0%,to{transform:translateY(0);opacity:.8}50%{transform:translateY(-14px);opacity:1}}.heroalt__inner{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:var(--space-12);align-items:center;padding-block:var(--space-16);width:100%}.heroalt__eyebrow{display:flex;align-items:center;gap:var(--space-3);font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-accent);margin-bottom:var(--space-5);animation:haFadeUp .7s var(--ease-out) .1s both}.heroalt__eyebrow-line{display:inline-block;width:36px;height:1px;background-color:var(--color-accent);flex-shrink:0}.heroalt__name{font-size:clamp(2.4rem,5.5vw,4.5rem);font-weight:var(--weight-bold);line-height:1.05;letter-spacing:-.025em;color:var(--color-text);margin-bottom:var(--space-3);font-family:var(--font-mono);animation:haFadeUp .7s var(--ease-out) .05s both}.heroalt__dot{color:var(--color-accent)}.heroalt__role{font-size:clamp(1.2rem,2.8vw,1.9rem);font-weight:var(--weight-light);color:var(--color-text-muted);margin-bottom:var(--space-6);animation:haFadeUp .7s var(--ease-out) .25s both}.heroalt__role-gradient{background:linear-gradient(90deg,var(--color-accent) 0%,var(--color-accent-2) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:var(--weight-medium)}.heroalt__bio{font-size:var(--text-base);color:var(--color-text-muted);line-height:var(--leading-loose);max-width:460px;margin-bottom:var(--space-8);animation:haFadeUp .7s var(--ease-out) .35s both}.heroalt__actions{display:flex;align-items:center;gap:var(--space-4);flex-wrap:wrap;margin-bottom:var(--space-10);animation:haFadeUp .7s var(--ease-out) .45s both}.heroalt__socials{display:flex;align-items:center;gap:var(--space-5);animation:haFadeUp .7s var(--ease-out) .55s both}.heroalt__social-link{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-subtle);text-decoration:none;border-bottom:1px solid transparent;padding-bottom:2px;transition:color var(--duration-base) var(--ease-out),border-color var(--duration-base) var(--ease-out)}.heroalt__social-link:hover{color:var(--color-accent);border-bottom-color:var(--color-accent)}.heroalt__terminal-wrap{position:relative;animation:haFadeUp .8s var(--ease-out) .4s both}.heroalt__terminal{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-lg),0 0 0 1px #4f9dff0f}.heroalt__bar{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background-color:var(--color-surface-2);border-bottom:1px solid var(--color-border)}.heroalt__dot-r,.heroalt__dot-y,.heroalt__dot-g{width:12px;height:12px;border-radius:50%;flex-shrink:0}.heroalt__dot-r{background-color:#ff5f57}.heroalt__dot-y{background-color:#ffbd2e}.heroalt__dot-g{background-color:#28c840}.heroalt__bar-title{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-subtle);margin-left:var(--space-2)}.heroalt__body{padding:var(--space-6);min-height:280px}.heroalt__line{display:flex;align-items:baseline;margin-bottom:var(--space-3);opacity:0;transform:translateY(6px);transition:opacity .35s var(--ease-out),transform .35s var(--ease-out)}.heroalt__line--on{opacity:1;transform:translateY(0)}.heroalt__prompt{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-accent);flex-shrink:0}.heroalt__arrow{display:inline-block;width:1.2em;flex-shrink:0}.heroalt__cmd-text{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text)}.heroalt__out-text{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-accent-2);padding-left:var(--space-4)}.heroalt__cursor{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-accent);animation:cursorBlink 1.1s step-end infinite}.heroalt__terminal-glow{position:absolute;inset:-40px;background:radial-gradient(ellipse at center,rgba(79,157,255,.1) 0%,transparent 68%);z-index:-1;filter:blur(24px);pointer-events:none}@keyframes haFadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes cursorBlink{0%,to{opacity:1}50%{opacity:0}}@media (max-width: 900px){.heroalt__inner{grid-template-columns:1fr;gap:var(--space-10);padding-block:var(--space-12)}.heroalt__bio{max-width:100%}}@media (max-width: 640px){.heroalt__text{text-align:center}.heroalt__eyebrow,.heroalt__actions,.heroalt__socials{justify-content:center}.heroalt__float-tag{display:none}}.hc{position:relative;min-height:100vh;display:flex;align-items:center;padding-top:64px;overflow:hidden}.hc__grid{position:absolute;inset:0;background-image:linear-gradient(to right,rgba(79,157,255,.035) 1px,transparent 1px),linear-gradient(to bottom,rgba(79,157,255,.035) 1px,transparent 1px);background-size:48px 48px;mask-image:radial-gradient(ellipse 90% 90% at 60% 50%,black 20%,transparent 80%);-webkit-mask-image:radial-gradient(ellipse 90% 90% at 60% 50%,black 20%,transparent 80%);pointer-events:none}.hc__glow-1{position:absolute;width:700px;height:700px;border-radius:50%;background:radial-gradient(circle,rgba(86,156,214,.09) 0%,transparent 65%);top:-200px;right:-50px;pointer-events:none}.hc__glow-2{position:absolute;width:400px;height:400px;border-radius:50%;background:radial-gradient(circle,rgba(78,201,176,.07) 0%,transparent 65%);bottom:-100px;left:-80px;pointer-events:none}.hc__inner{position:relative;z-index:1;display:grid;grid-template-columns:2fr 3fr;gap:var(--space-12);align-items:center;padding-block:var(--space-16);width:100%}.hc__eyebrow{display:flex;align-items:center;gap:var(--space-3);font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-accent);margin-bottom:var(--space-5);animation:hcFadeUp .7s var(--ease-out) .1s both}.hc__eyebrow-line{display:inline-block;width:32px;height:1px;background:var(--color-accent);flex-shrink:0}.hc__name{font-size:clamp(2.2rem,4.5vw,4rem);font-weight:var(--weight-bold);line-height:1.05;letter-spacing:-.025em;color:var(--color-text);margin-bottom:var(--space-3);animation:hcFadeUp .7s var(--ease-out) .2s both}.hc__dot{color:var(--color-accent)}.hc__role{font-size:clamp(1.1rem,2.5vw,1.7rem);font-weight:var(--weight-light);color:var(--color-text-muted);margin-bottom:var(--space-5);animation:hcFadeUp .7s var(--ease-out) .3s both}.hc__role-gradient{background:linear-gradient(90deg,#569cd6,#4ec9b0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:var(--weight-medium)}.hc__bio{font-size:var(--text-base);color:var(--color-text-muted);line-height:var(--leading-loose);margin-bottom:var(--space-8);animation:hcFadeUp .7s var(--ease-out) .4s both}.hc__actions{display:flex;gap:var(--space-4);flex-wrap:wrap;margin-bottom:var(--space-8);animation:hcFadeUp .7s var(--ease-out) .5s both}.hc .btn--primary{background-color:#569cd6;border-color:#569cd6;color:#0d1117}.hc .btn--primary:hover{background-color:transparent;color:#569cd6;box-shadow:0 0 30px #569cd64d}.hc__socials{display:flex;gap:var(--space-5);animation:hcFadeUp .7s var(--ease-out) .6s both}.hc__social-link{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-subtle);text-decoration:none;border-bottom:1px solid transparent;padding-bottom:2px;transition:color var(--duration-base) var(--ease-out),border-color var(--duration-base) var(--ease-out)}.hc__social-link:hover{color:#569cd6;border-bottom-color:#569cd6}.hc__editor-wrap{position:relative;animation:hcFadeUp .9s var(--ease-out) .35s both}.hc__editor{border-radius:var(--radius-md);overflow:hidden;border:1px solid rgba(86,156,214,.18);box-shadow:0 24px 80px #000000b3,0 0 0 1px #ffffff0a;background-color:#1e1e1e;font-family:var(--font-mono);font-size:.78rem}.hc__titlebar{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-4);background-color:#323233;border-bottom:1px solid #252526}.hc__win-dots{display:flex;gap:6px}.hc__win-dot{width:12px;height:12px;border-radius:50%}.hc__win-dot--r{background:#ff5f57}.hc__win-dot--y{background:#ffbd2e}.hc__win-dot--g{background:#28c840}.hc__win-title{font-family:var(--font-body);font-size:.72rem;color:#ccc;opacity:.6;margin-left:var(--space-2)}.hc__tabs{display:flex;background-color:#2d2d2d;border-bottom:1px solid #252526;overflow-x:auto;scrollbar-width:none}.hc__tabs::-webkit-scrollbar{display:none}.hc__tab{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);font-size:.75rem;color:#969696;border-right:1px solid #252526;white-space:nowrap;cursor:default;-webkit-user-select:none;user-select:none;flex-shrink:0}.hc__tab--active{background-color:#1e1e1e;color:#ccc;border-top:1px solid #569CD6;margin-top:-1px}.hc__tab-icon{font-size:.6rem;background:#569cd6;color:#fff;padding:1px 3px;border-radius:2px;font-weight:700;letter-spacing:0}.hc__tab-close{margin-left:var(--space-1);opacity:.4;font-size:.9rem;line-height:1}.hc__main{display:flex;min-height:320px}.hc__sidebar{width:150px;flex-shrink:0;background-color:#252526;border-right:1px solid #1e1e1e;padding:var(--space-3) 0;overflow:hidden}.hc__sidebar-title{font-size:.65rem;letter-spacing:.1em;color:#bbb;padding:0 var(--space-3) var(--space-2);text-transform:uppercase}.hc__tree-root{font-size:.72rem;color:#ccc;padding:var(--space-1) var(--space-3)}.hc__tree-items{margin-top:var(--space-1)}.hc__tree-item{display:flex;align-items:center;gap:var(--space-2);padding:3px var(--space-3) 3px calc(var(--space-3) + 12px);font-size:.72rem;color:#969696;cursor:default;-webkit-user-select:none;user-select:none}.hc__tree-item--active{background-color:#569cd62e;color:#ccc}.hc__tree-icon{font-size:.55rem;background:#569cd6;color:#fff;padding:1px 2px;border-radius:2px;font-weight:700;letter-spacing:0;flex-shrink:0}.hc__code-area{flex:1;overflow:hidden;display:flex;flex-direction:column}.hc__breadcrumb{display:flex;align-items:center;gap:var(--space-1);padding:4px var(--space-4);border-bottom:1px solid #252526;font-size:.7rem;color:#969696}.hc__breadcrumb-sep{opacity:.4}.hc__breadcrumb-file{color:#ccc}.hc__lines{padding:var(--space-3) 0;overflow:hidden}.hc__line{display:flex;align-items:baseline;min-height:1.7em;padding-right:var(--space-4);opacity:0;transition:opacity .25s var(--ease-out);position:relative}.hc__line--on{opacity:1}.hc__line--current{background-color:#ffffff0a}.hc__line--current:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:#569cd6;opacity:.7}.hc__ln{display:inline-block;width:36px;text-align:right;padding-right:var(--space-4);color:#495060;flex-shrink:0;-webkit-user-select:none;user-select:none;font-size:.72rem}.hc__line--current .hc__ln{color:#858585}.hc__code{flex:1;white-space:pre}.hc__caret{display:inline-block;width:2px;color:#569cd6;animation:hcBlink 1.1s step-end infinite;font-weight:100}.hc-token--kw{color:#569cd6}.hc-token--str{color:#ce9178}.hc-token--prop{color:#9cdcfe}.hc-token--cmt{color:#6a9955;font-style:italic}.hc-token--bool{color:#569cd6}.hc-token--pct{color:#d4d4d4}.hc-token--var{color:#4ec9b0}.hc-token--num{color:#b5cea8}.hc-token--op{color:#d4d4d4}.hc__minimap{width:52px;flex-shrink:0;background:#1e1e1e;border-left:1px solid #252526;padding:var(--space-3) var(--space-2);display:flex;flex-direction:column;gap:4px}.hc__minimap-line{height:3px;background:#569cd6;border-radius:1px;transition:opacity .4s ease,width .4s ease}.hc__statusbar{display:flex;align-items:center;justify-content:space-between;padding:3px var(--space-4);background:#007acc;font-size:.7rem;color:#ffffffe6;gap:var(--space-4)}.hc__status-left,.hc__status-right{display:flex;align-items:center;gap:var(--space-4)}.hc__status-branch{font-weight:var(--weight-medium)}.hc__status-lang{background:#ffffff26;padding:1px var(--space-2);border-radius:3px;font-weight:700;letter-spacing:.05em}.hc__editor-glow{position:absolute;inset:-50px;background:radial-gradient(ellipse at center,rgba(86,156,214,.1) 0%,rgba(78,201,176,.05) 40%,transparent 70%);z-index:-1;filter:blur(30px);pointer-events:none}@keyframes hcFadeUp{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@keyframes hcBlink{0%,to{opacity:1}50%{opacity:0}}@media (max-width: 1024px){.hc__inner{grid-template-columns:1fr;gap:var(--space-10);padding-block:var(--space-12)}.hc__sidebar{width:120px}.hc__minimap{display:none}}@media (max-width: 640px){.hc__text{text-align:center}.hc__eyebrow,.hc__actions,.hc__socials{justify-content:center}.hc__sidebar{display:none}.hc__editor{font-size:.7rem}}.about__inner{display:grid;grid-template-columns:340px 1fr;gap:var(--space-20);align-items:start}.about__left,.about__right,.about__stat,.about__highlight{opacity:0;transform:translateY(30px);transition:opacity .65s var(--ease-out),transform .65s var(--ease-out)}.about--visible .about__left{opacity:1;transform:translateY(0);transition-delay:.1s}.about--visible .about__right{opacity:1;transform:translateY(0);transition-delay:.25s}.about--visible .about__stat{opacity:1;transform:translateY(0);transition-delay:calc(.4s + var(--i) * .1s)}.about--visible .about__highlight{opacity:1;transform:translateY(0);transition-delay:calc(.5s + var(--i) * .1s)}.about__left{display:flex;flex-direction:column;align-items:center;gap:var(--space-8)}.about__avatar-wrap{position:relative;display:flex;flex-direction:column;align-items:center;gap:var(--space-4)}.about__ring{position:absolute;inset:-10px;border-radius:var(--radius-lg);border:1px dashed rgba(79,157,255,.35);animation:ringRotate 18s linear infinite;pointer-events:none}@keyframes ringRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.about__avatar{width:240px;height:240px;border-radius:var(--radius-lg);background:linear-gradient(135deg,var(--color-surface-2) 0%,#0d1b2e 100%);border:1px solid var(--color-border);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;box-shadow:var(--shadow-lg)}.about__avatar:before,.about__avatar:after{content:"";position:absolute;width:40px;height:40px;border-color:var(--color-accent);border-style:solid;opacity:.5}.about__avatar:before{top:10px;left:10px;border-width:2px 0 0 2px;border-radius:4px 0 0}.about__avatar:after{bottom:10px;right:10px;border-width:0 2px 2px 0;border-radius:0 0 4px}.about__initials{font-family:var(--font-display);font-size:var(--text-5xl);font-weight:var(--weight-bold);color:var(--color-accent);letter-spacing:-.02em;position:relative;z-index:1}.about__avatar .about__initials:before{content:attr(aria-hidden);position:absolute;inset:0;background:radial-gradient(circle at center,var(--color-accent-glow) 0%,transparent 70%);filter:blur(20px);z-index:-1}.about__badge{display:inline-flex;align-items:center;gap:var(--space-2);font-family:var(--font-mono);font-size:var(--text-xs);color:#4ade80;background-color:#4ade8014;border:1px solid rgba(74,222,128,.25);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full)}.about__badge-dot{width:7px;height:7px;border-radius:50%;background:#4ade80;position:relative;flex-shrink:0}.about__badge-dot:after{content:"";position:absolute;inset:-3px;border-radius:50%;background:#4ade80;opacity:.35;animation:badgePulse 2.2s ease-in-out infinite}@keyframes badgePulse{0%,to{transform:scale(1);opacity:.35}50%{transform:scale(2.2);opacity:0}}.about__stats{display:flex;width:100%;border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;background-color:var(--color-surface)}.about__stat{flex:1;display:flex;flex-direction:column;align-items:center;padding:var(--space-5) var(--space-4);gap:var(--space-1);border-right:1px solid var(--color-border)}.about__stat:last-child{border-right:none}.about__stat-value{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--weight-bold);color:var(--color-accent);line-height:1}.about__stat-label{font-size:var(--text-xs);color:var(--color-text-subtle);text-align:center;line-height:1.3}.about__right{padding-top:var(--space-2)}.about__bio{display:flex;flex-direction:column;gap:var(--space-4);margin-bottom:var(--space-8)}.about__bio p{font-size:var(--text-base);color:var(--color-text-muted);line-height:var(--leading-loose)}.about__highlights{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3) var(--space-6)}.about__highlight{display:flex;align-items:flex-start;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text-muted)}.about__check{color:var(--color-accent);font-size:var(--text-xs);margin-top:3px;flex-shrink:0}@media (max-width: 900px){.about__inner{grid-template-columns:1fr;gap:var(--space-12)}.about__left{flex-direction:row;align-items:flex-start;flex-wrap:wrap;gap:var(--space-6)}.about__avatar-wrap{flex-shrink:0}.about__avatar{width:180px;height:180px}.about__stats{flex:1;min-width:200px;flex-direction:column;border-right:none}.about__stat{border-right:none;border-bottom:1px solid var(--color-border);flex-direction:row;justify-content:flex-start;gap:var(--space-4)}.about__stat:last-child{border-bottom:none}}@media (max-width: 640px){.about__left{flex-direction:column;align-items:center}.about__stats{flex-direction:row;width:100%}.about__stat{flex-direction:column;border-bottom:none;border-right:1px solid var(--color-border)}.about__stat:last-child{border-right:none}.about__highlights{grid-template-columns:1fr}}.aboutalt__heading{margin-bottom:var(--space-10)}.aboutalt__grid{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:auto auto auto auto;gap:var(--space-4)}.aboutalt__card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-6);position:relative;overflow:hidden;opacity:0}.aboutalt--visible .aboutalt__card{animation:bentoIn .55s var(--ease-out) both;animation-delay:calc(var(--i, 0) * .07s)}@keyframes bentoIn{0%{opacity:0;transform:translateY(18px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.aboutalt--visible .aboutalt__card{transition:border-color var(--duration-base) var(--ease-out),box-shadow var(--duration-base) var(--ease-out),transform var(--duration-base) var(--ease-out)}.aboutalt--visible .aboutalt__card:hover{border-color:var(--color-border-2);box-shadow:0 12px 40px #00000073;transform:translateY(-4px)}.aboutalt__card-label{display:block;font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-accent);letter-spacing:.08em;margin-bottom:var(--space-4)}.aboutalt__card--bio{grid-column:1 / 3;grid-row:1 / 3;display:flex;flex-direction:column;gap:var(--space-4)}.aboutalt__card--avatar{grid-column:3 / 5;grid-row:1;display:flex;align-items:center;gap:var(--space-5);padding:var(--space-5)}.aboutalt__card--avail{grid-column:3 / 5;grid-row:2;display:flex;flex-direction:column;justify-content:center;gap:var(--space-2)}.aboutalt__card--stat{grid-row:3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-1);text-align:center;min-height:110px}.aboutalt__card--loc{grid-column:4;grid-row:3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-1);text-align:center}.aboutalt__card--tags{grid-column:1 / 5;grid-row:4}.aboutalt__bio-text{font-size:var(--text-base);color:var(--color-text-muted);line-height:var(--leading-loose);flex:1}.aboutalt__bio-dots{position:absolute;top:var(--space-4);right:var(--space-4);width:90px;height:90px;background-image:radial-gradient(circle,rgba(79,157,255,.18) 1px,transparent 1px);background-size:12px 12px;pointer-events:none;mask-image:radial-gradient(ellipse at top right,black 40%,transparent 80%);-webkit-mask-image:radial-gradient(ellipse at top right,black 40%,transparent 80%)}.aboutalt__avatar{width:72px;height:72px;border-radius:var(--radius-md);background:linear-gradient(135deg,var(--color-surface-2) 0%,#0d1b2e 100%);border:1px solid var(--color-border);display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative;overflow:hidden}.aboutalt__initials{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--weight-bold);color:var(--color-accent);position:relative;z-index:1}.aboutalt__avatar-glow{position:absolute;inset:0;background:radial-gradient(circle at center,var(--color-accent-glow) 0%,transparent 70%);pointer-events:none}.aboutalt__avatar-meta{display:flex;flex-direction:column;gap:var(--space-1)}.aboutalt__avatar-name{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--weight-semi);color:var(--color-text);line-height:1.2}.aboutalt__avatar-role{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-accent);letter-spacing:.06em}.aboutalt__card--avail{background:linear-gradient(135deg,rgba(74,222,128,.05) 0%,var(--color-surface) 60%);border-color:#4ade8033}.aboutalt__card--avail:hover{border-color:#4ade8073!important}.aboutalt__avail-indicator{display:flex;align-items:center;gap:var(--space-2)}.aboutalt__avail-dot{width:8px;height:8px;border-radius:50%;background:#4ade80;flex-shrink:0;position:relative}.aboutalt__avail-dot:after{content:"";position:absolute;inset:-4px;border-radius:50%;background:#4ade80;opacity:.3;animation:availPulse 2.2s ease-in-out infinite}@keyframes availPulse{0%,to{transform:scale(1);opacity:.3}50%{transform:scale(2.4);opacity:0}}.aboutalt__avail-status{font-family:var(--font-mono);font-size:var(--text-sm);font-weight:var(--weight-medium);color:#4ade80}.aboutalt__avail-sub{font-size:var(--text-xs);color:var(--color-text-subtle);margin-left:calc(8px + var(--space-2))}.aboutalt__avail-cta{display:inline-flex;align-items:center;gap:var(--space-1);font-family:var(--font-mono);font-size:var(--text-xs);color:#4ade80;text-decoration:none;margin-left:calc(8px + var(--space-2));margin-top:var(--space-1);transition:gap var(--duration-base) var(--ease-out)}.aboutalt__avail-cta:hover{gap:var(--space-2);color:#4ade80}.aboutalt__stat-value{font-family:var(--font-display);font-size:var(--text-4xl);font-weight:var(--weight-bold);line-height:1;background:linear-gradient(135deg,var(--color-accent),var(--color-accent-2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.aboutalt__stat-label{font-size:var(--text-xs);color:var(--color-text-subtle);text-align:center;line-height:1.4}.aboutalt__loc-pin{font-size:var(--text-xl);color:var(--color-accent);line-height:1}.aboutalt__loc-city{font-family:var(--font-display);font-size:var(--text-base);font-weight:var(--weight-semi);color:var(--color-text)}.aboutalt__loc-tz{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-subtle)}.aboutalt__loc-time{font-family:var(--font-mono);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-accent-2);margin-top:var(--space-1);letter-spacing:.04em}.aboutalt__tags{display:flex;flex-wrap:wrap;gap:var(--space-2)}.aboutalt__tag{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-muted);background-color:var(--color-surface-2);border:1px solid var(--color-border);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);transition:color var(--duration-base) var(--ease-out),border-color var(--duration-base) var(--ease-out),background var(--duration-base) var(--ease-out);cursor:default}.aboutalt__tag:hover{color:var(--color-accent);border-color:var(--color-accent);background-color:var(--color-accent-glow)}@media (max-width: 1024px){.aboutalt__grid{grid-template-columns:repeat(2,1fr)}.aboutalt__card--bio{grid-column:1 / 3;grid-row:auto}.aboutalt__card--avatar{grid-column:1;grid-row:auto}.aboutalt__card--avail{grid-column:2;grid-row:auto}.aboutalt__card--stat,.aboutalt__card--loc{grid-column:auto;grid-row:auto}.aboutalt__card--tags{grid-column:1 / 3;grid-row:auto}}@media (max-width: 640px){.aboutalt__grid{grid-template-columns:1fr;gap:var(--space-3)}.aboutalt__card--bio,.aboutalt__card--avatar,.aboutalt__card--avail,.aboutalt__card--stat,.aboutalt__card--loc,.aboutalt__card--tags{grid-column:1}.aboutalt__card--stat{flex-direction:row;justify-content:space-between;align-items:center;min-height:unset}}.skills__subtitle{font-size:var(--text-base);color:var(--color-text-subtle);margin-top:calc(-1 * var(--space-2));margin-bottom:var(--space-12)}.skills__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-5)}.skills__card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-6);position:relative;overflow:hidden;opacity:0;transition:border-color var(--duration-base) var(--ease-out),box-shadow var(--duration-base) var(--ease-out),transform var(--duration-base) var(--ease-out)}.skills--visible .skills__card{animation:skillCardIn .6s var(--ease-out) calc(var(--i) * .12s) both}@keyframes skillCardIn{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}.skills__card:hover{border-color:var(--cat-color);box-shadow:0 8px 32px #0006;transform:translateY(-3px)}.skills__card-bar{position:absolute;top:0;left:0;right:0;height:3px;background:var(--cat-color);border-radius:var(--radius-md) var(--radius-md) 0 0;opacity:.7;transition:opacity var(--duration-base) var(--ease-out)}.skills__card:hover .skills__card-bar{opacity:1}.skills__card-glow{position:absolute;top:0;left:0;right:0;height:100px;background:linear-gradient(to bottom,var(--cat-color),transparent);opacity:0;pointer-events:none;transition:opacity var(--duration-slow) var(--ease-out)}.skills__card:hover .skills__card-glow{opacity:.06}.skills__card-header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-5)}.skills__cat-icon{font-size:var(--text-xl);color:var(--cat-color);line-height:1}.skills__cat-name{font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--weight-semi);color:var(--color-text)}.skills__pills{display:flex;flex-wrap:wrap;gap:var(--space-2)}.skills__pill{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-muted);background-color:var(--color-surface-2);border:1px solid var(--color-border);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);cursor:default;transition:color var(--duration-base) var(--ease-out),border-color var(--duration-base) var(--ease-out),background var(--duration-base) var(--ease-out)}.skills__pill:hover{color:var(--cat-color);border-color:var(--cat-color);background-color:transparent}@media (max-width: 640px){.skills__grid{grid-template-columns:1fr}}.skalt__tabs{display:flex;gap:var(--space-2);margin-bottom:var(--space-8);border-bottom:1px solid var(--color-border);overflow-x:auto;scrollbar-width:none;padding-bottom:0}.skalt__tabs::-webkit-scrollbar{display:none}.skalt__tab{display:flex;align-items:center;gap:var(--space-2);font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-subtle);background:none;border:none;border-bottom:2px solid transparent;padding:var(--space-3) var(--space-5);margin-bottom:-1px;cursor:pointer;white-space:nowrap;transition:color var(--duration-base) var(--ease-out),border-color var(--duration-base) var(--ease-out)}.skalt__tab:hover{color:var(--color-text-muted)}.skalt__tab--active{color:var(--cat-color);border-bottom-color:var(--cat-color)}.skalt__tab-icon{font-size:var(--text-base);line-height:1;opacity:.8}.skalt__panel{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-8);min-height:340px}.skalt__panel-header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-8)}.skalt__panel-icon{font-size:var(--text-2xl);color:var(--cat-color);line-height:1}.skalt__panel-name{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--weight-semi);color:var(--color-text)}.skalt__panel-line{flex:1;height:1px;background:linear-gradient(to right,var(--cat-color),transparent);opacity:.3}.skalt__bars{display:flex;flex-direction:column;gap:var(--space-5)}.skalt__bar-row{display:grid;grid-template-columns:130px 1fr 44px;align-items:center;gap:var(--space-4);animation:barRowIn .4s var(--ease-out) var(--delay, 0s) both}@keyframes barRowIn{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}.skalt__bar-label{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.skalt__bar-track{height:6px;background-color:var(--color-surface-2);border-radius:var(--radius-full);overflow:hidden}.skalt__bar-fill{height:100%;width:0;border-radius:var(--radius-full);background:linear-gradient(90deg,var(--color),color-mix(in srgb,var(--color) 60%,#22D3EE));transition:width .9s var(--ease-out) var(--delay, 0s)}@supports not (color: color-mix(in srgb,red 50%,blue)){.skalt__bar-fill{background:var(--color)}}.skalt__bar-fill--run{width:var(--level)}.skalt__bar-pct{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-subtle);text-align:right;min-width:36px}@media (max-width: 640px){.skalt__panel{padding:var(--space-5)}.skalt__bar-row{grid-template-columns:100px 1fr 36px;gap:var(--space-3)}.skalt__tab{padding:var(--space-2) var(--space-3);font-size:var(--text-xs)}.skalt__tab-icon{display:none}}.proj-tag{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-accent);background:var(--color-accent-glow);border:1px solid rgba(79,157,255,.2);padding:2px var(--space-3);border-radius:var(--radius-full);white-space:nowrap}.proj-link{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--weight-medium);letter-spacing:.05em;color:var(--color-text-muted);text-decoration:none;padding-bottom:1px;border-bottom:1px solid transparent;transition:color var(--duration-base) var(--ease-out),border-color var(--duration-base) var(--ease-out)}.proj-link:hover{color:var(--color-accent);border-bottom-color:var(--color-accent)}.proj-featured{margin-bottom:var(--space-10);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-10);position:relative;overflow:hidden;opacity:0;transform:translateY(28px);transition:opacity .7s var(--ease-out) .1s,transform .7s var(--ease-out) .1s,border-color var(--duration-base) var(--ease-out),box-shadow var(--duration-base) var(--ease-out)}.proj-featured--visible{opacity:1;transform:translateY(0)}.proj-featured:hover{border-color:var(--color-border-2);box-shadow:var(--shadow-lg)}.proj-featured:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--color-accent),var(--color-accent-2))}.proj-featured__label{display:flex;align-items:center;gap:var(--space-2);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.12em;text-transform:uppercase;color:var(--color-accent);margin-bottom:var(--space-6)}.proj-featured__star{font-size:.6rem}.proj-featured__inner{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-10);align-items:center}.proj-featured__num{display:block;font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-subtle);margin-bottom:var(--space-2)}.proj-featured__title{font-size:var(--text-3xl);font-weight:var(--weight-bold);color:var(--color-text);margin-bottom:var(--space-4);line-height:var(--leading-tight)}.proj-featured__desc{font-size:var(--text-base);color:var(--color-text-muted);line-height:var(--leading-loose);margin-bottom:var(--space-6)}.proj-featured__tags{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-6)}.proj-featured__links{display:flex;gap:var(--space-6)}.proj-mock{border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--color-border);box-shadow:var(--shadow-lg)}.proj-mock__bar{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:var(--color-surface-2);border-bottom:1px solid var(--color-border)}.proj-mock__dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.proj-mock__dot--r{background:#ff5f57}.proj-mock__dot--y{background:#ffbd2e}.proj-mock__dot--g{background:#28c840}.proj-mock__url{font-family:var(--font-mono);font-size:.65rem;color:var(--color-text-subtle);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:2px var(--space-3);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.proj-mock__screen{height:220px;background:var(--color-bg);padding:var(--space-5);position:relative;overflow:hidden}.proj-mock__grid{position:absolute;inset:0;background-image:linear-gradient(to right,rgba(79,157,255,.04) 1px,transparent 1px),linear-gradient(to bottom,rgba(79,157,255,.04) 1px,transparent 1px);background-size:24px 24px}.proj-mock__lines{position:relative;display:flex;flex-direction:column;gap:var(--space-3);padding-top:var(--space-2)}.proj-mock__line{height:8px;background:linear-gradient(90deg,var(--color-accent),var(--color-accent-2));border-radius:var(--radius-full)}.projects__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-5);margin-bottom:var(--space-10)}.proj-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-3);opacity:0;transition:border-color var(--duration-base) var(--ease-out),box-shadow var(--duration-base) var(--ease-out),transform var(--duration-base) var(--ease-out)}.projects--visible .proj-card{animation:cardUp .55s var(--ease-out) calc(var(--i) * .1s) both}.projects--visible .projects__footer{animation:cardUp .55s var(--ease-out) calc(var(--i) * .1s + .15s) both}@keyframes cardUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.proj-card:hover{border-color:var(--color-border-2);box-shadow:0 8px 32px #0006;transform:translateY(-4px)}.proj-card__top{display:flex;align-items:center;justify-content:space-between}.proj-card__num{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-accent);letter-spacing:.06em}.proj-card__links{display:flex;gap:var(--space-4)}.proj-card__title{font-size:var(--text-xl);font-weight:var(--weight-semi);color:var(--color-text);line-height:var(--leading-tight)}.proj-card__desc{font-size:var(--text-sm);color:var(--color-text-muted);line-height:var(--leading-loose);flex:1}.proj-card__tags{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:auto}.projects__footer{display:flex;justify-content:center;opacity:0}@media (max-width: 900px){.proj-featured__inner{grid-template-columns:1fr}.proj-mock{display:none}.projects__grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.proj-featured{padding:var(--space-6)}.projects__grid{grid-template-columns:1fr}}.projalt__list{margin-bottom:var(--space-12)}.pa-row{position:relative;padding:var(--space-10) 0;cursor:default;opacity:0;overflow:hidden}.pa-row--visible{animation:rowIn .6s var(--ease-out) calc(var(--i) * .12s) both}@keyframes rowIn{0%{opacity:0;transform:translateY(32px)}to{opacity:1;transform:translateY(0)}}.pa-row:before{content:"";position:absolute;inset:0;background:radial-gradient(600px circle at var(--mx, -200px) var(--my, -200px),rgba(79,157,255,.07),transparent 40%);pointer-events:none;z-index:0;opacity:0;transition:opacity var(--duration-slow) var(--ease-out)}.pa-row:hover:before{opacity:1}.pa-row__spotlight{position:absolute;inset:0;background:radial-gradient(300px circle at var(--mx, -200px) var(--my, -200px),rgba(34,211,238,.04),transparent 60%);pointer-events:none;z-index:0;opacity:0;transition:opacity var(--duration-slow) var(--ease-out)}.pa-row:hover .pa-row__spotlight{opacity:1}.pa-row__bg-num{position:absolute;right:-8px;top:50%;transform:translateY(-50%);font-family:var(--font-display);font-size:clamp(6rem,14vw,11rem);font-weight:var(--weight-bold);line-height:1;color:#4f9dff0a;pointer-events:none;-webkit-user-select:none;user-select:none;transition:color var(--duration-slow) var(--ease-out)}.pa-row:hover .pa-row__bg-num{color:#4f9dff12}.pa-row__divider{position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--color-border) 20%,var(--color-border) 80%,transparent);transition:background var(--duration-base) var(--ease-out)}.pa-row:last-child .pa-row__divider{display:none}.pa-row:hover .pa-row__divider{background:linear-gradient(90deg,transparent,rgba(79,157,255,.3) 20%,rgba(79,157,255,.3) 80%,transparent)}.pa-row__inner{position:relative;z-index:1;display:grid;grid-template-columns:1fr auto;gap:var(--space-10);align-items:center}.pa-row__left{display:flex;flex-direction:column;gap:var(--space-3)}.pa-row__num{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-accent);letter-spacing:.1em}.pa-row__title{font-size:clamp(var(--text-2xl),3.5vw,var(--text-4xl));font-weight:var(--weight-bold);color:var(--color-text);line-height:var(--leading-tight);letter-spacing:-.02em;transition:color var(--duration-base) var(--ease-out)}.pa-row:hover .pa-row__title{color:#fff}.pa-row__desc{font-size:var(--text-base);color:var(--color-text-subtle);line-height:var(--leading-loose);max-width:600px;transition:color var(--duration-base) var(--ease-out)}.pa-row:hover .pa-row__desc{color:var(--color-text-muted)}.pa-row__right{display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-5);flex-shrink:0;min-width:200px}.pa-row__tags{display:flex;flex-wrap:wrap;gap:var(--space-2);justify-content:flex-end}.pa-tag{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-subtle);border:1px solid var(--color-border);padding:2px var(--space-3);border-radius:var(--radius-full);white-space:nowrap;transition:color var(--duration-base) var(--ease-out),border-color var(--duration-base) var(--ease-out)}.pa-row:hover .pa-tag{color:var(--color-accent);border-color:#4f9dff4d}.pa-row__links{display:flex;align-items:center;gap:var(--space-4)}.pa-link{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.06em;text-decoration:none;padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);border:1px solid transparent;transition:color var(--duration-base) var(--ease-out),border-color var(--duration-base) var(--ease-out),background-color var(--duration-base) var(--ease-out),box-shadow var(--duration-base) var(--ease-out)}.pa-link--gh{color:var(--color-text-muted);border-color:var(--color-border)}.pa-link--gh:hover{color:var(--color-text);border-color:var(--color-border-2)}.pa-link--live{color:var(--color-accent);border-color:var(--color-accent)}.pa-link--live:hover{background-color:var(--color-accent);color:var(--color-bg);box-shadow:var(--shadow-glow)}.projalt__footer{display:flex;justify-content:center;opacity:0;transform:translateY(16px);transition:opacity .5s var(--ease-out) .5s,transform .5s var(--ease-out) .5s}.projalt__footer--visible{opacity:1;transform:translateY(0)}@media (max-width: 768px){.pa-row__inner{grid-template-columns:1fr;gap:var(--space-6)}.pa-row__right{align-items:flex-start;min-width:unset}.pa-row__tags{justify-content:flex-start}.pa-row__bg-num{font-size:5rem;opacity:.5}}.contact__inner{display:grid;grid-template-columns:1fr 1.3fr;gap:var(--space-20);align-items:start}.contact__info,.contact__form-wrap{opacity:0;transform:translateY(28px);transition:opacity .65s var(--ease-out),transform .65s var(--ease-out)}.contact--visible .contact__info{opacity:1;transform:translateY(0);transition-delay:.1s}.contact--visible .contact__form-wrap{opacity:1;transform:translateY(0);transition-delay:.25s}.contact__heading{font-size:clamp(var(--text-4xl),5vw,var(--text-5xl));font-weight:var(--weight-bold);line-height:1.1;letter-spacing:-.025em;color:var(--color-text);margin-bottom:var(--space-5)}.contact__sub{font-size:var(--text-base);color:var(--color-text-muted);line-height:var(--leading-loose);margin-bottom:var(--space-8)}.contact__email-row{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-8);padding:var(--space-4) var(--space-5);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md)}.contact__email{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-accent);text-decoration:none;flex:1;transition:color var(--duration-base) var(--ease-out)}.contact__email:hover{color:var(--color-accent-2)}.contact__copy-btn{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-subtle);background:var(--color-surface-2);border:1px solid var(--color-border);padding:var(--space-1) var(--space-3);border-radius:var(--radius-sm);cursor:pointer;flex-shrink:0;transition:color var(--duration-base) var(--ease-out),border-color var(--duration-base) var(--ease-out)}.contact__copy-btn:hover{color:var(--color-accent);border-color:var(--color-accent)}.contact__socials{display:flex;flex-direction:column;gap:var(--space-3)}.contact__social{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-sm);text-decoration:none;transition:border-color var(--duration-base) var(--ease-out),background-color var(--duration-base) var(--ease-out),transform var(--duration-fast) var(--ease-out)}.contact__social:hover{border-color:var(--color-border-2);background-color:var(--color-surface);transform:translate(4px)}.contact__social-label{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--color-text-muted);width:60px;flex-shrink:0}.contact__social-handle{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-subtle);flex:1}.contact__social-arrow{font-size:var(--text-sm);color:var(--color-accent);opacity:0;transform:translate(-4px);transition:opacity var(--duration-base) var(--ease-out),transform var(--duration-base) var(--ease-out)}.contact__social:hover .contact__social-arrow{opacity:1;transform:translate(0)}.contact__form-wrap{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-8)}.contact__form{display:flex;flex-direction:column;gap:var(--space-6)}.contact__field{position:relative}.contact__field input,.contact__field textarea{width:100%;background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-4) var(--space-4) var(--space-3);font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-text);outline:none;resize:none;transition:border-color var(--duration-base) var(--ease-out),box-shadow var(--duration-base) var(--ease-out)}.contact__field textarea{padding-top:var(--space-5)}.contact__field input:focus,.contact__field textarea:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-glow)}.contact__field label{position:absolute;left:var(--space-4);top:var(--space-4);font-size:var(--text-sm);color:var(--color-text-subtle);pointer-events:none;transition:top .2s var(--ease-out),left .2s var(--ease-out),font-size .2s var(--ease-out),color .2s var(--ease-out),background .2s var(--ease-out)}.contact__field input:focus+label,.contact__field input:not(:placeholder-shown)+label,.contact__field textarea:focus+label,.contact__field textarea:not(:placeholder-shown)+label{top:-.55rem;left:calc(var(--space-4) - var(--space-1));font-size:var(--text-xs);color:var(--color-accent);background:var(--color-surface-2);padding:0 var(--space-1);border-radius:2px}.contact__form-footer{display:flex;align-items:center;gap:var(--space-5);flex-wrap:wrap}.contact__note{font-size:var(--text-xs);color:var(--color-text-subtle);font-family:var(--font-mono)}.contact__success{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--space-16) var(--space-8);gap:var(--space-3)}.contact__success-icon{font-size:var(--text-4xl);color:var(--color-accent);animation:successPop .5s var(--ease-out) both}@keyframes successPop{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}.contact__success-title{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--weight-bold);color:var(--color-text)}.contact__success-sub{font-size:var(--text-sm);color:var(--color-text-muted)}@media (max-width: 900px){.contact__inner{grid-template-columns:1fr;gap:var(--space-10)}}.calt__inner{max-width:780px;margin-inline:auto}.calt__header,.calt__terminal,.calt__socials{opacity:0;transform:translateY(24px);transition:opacity .65s var(--ease-out),transform .65s var(--ease-out)}.calt--visible .calt__header{opacity:1;transform:translateY(0);transition-delay:.05s}.calt--visible .calt__terminal{opacity:1;transform:translateY(0);transition-delay:.2s}.calt--visible .calt__socials{opacity:1;transform:translateY(0);transition-delay:.4s}.calt__header{margin-bottom:var(--space-10)}.calt__sub{font-size:var(--text-base);color:var(--color-text-subtle);margin-top:calc(-1 * var(--space-2))}.calt__terminal{background-color:#0d1117;border:1px solid rgba(79,157,255,.18);border-radius:var(--radius-md);overflow:hidden;box-shadow:0 24px 80px #0009,0 0 0 1px #ffffff08;margin-bottom:var(--space-6)}.calt__bar{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);background-color:#161b22;border-bottom:1px solid rgba(255,255,255,.06)}.calt__dot{width:12px;height:12px;border-radius:50%;flex-shrink:0}.calt__dot--r{background:#ff5f57}.calt__dot--y{background:#ffbd2e}.calt__dot--g{background:#28c840}.calt__bar-title{font-family:var(--font-mono);font-size:var(--text-xs);color:#ffffff4d;margin-left:var(--space-2)}.calt__body{padding:var(--space-6) var(--space-8)}.calt__comment{font-family:var(--font-mono);font-size:var(--text-sm);color:#6a9955;font-style:italic;margin-bottom:var(--space-1)}.calt__spacer{height:var(--space-5)}.calt__field{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-4);border-left:2px solid transparent;padding-left:var(--space-2);transition:border-color var(--duration-base) var(--ease-out)}.calt__field--focused{border-left-color:var(--color-accent)}.calt__field--area{align-items:flex-start}.calt__field-label{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0;cursor:default;-webkit-user-select:none;user-select:none;padding-top:var(--space-1)}.calt__prompt{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-accent);line-height:1}.calt__field-key{font-family:var(--font-mono);font-size:var(--text-sm);color:#9cdcfe;min-width:60px}.calt__field-sep{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text-subtle)}.calt__input{flex:1;background:transparent;border:none;border-bottom:1px solid rgba(255,255,255,.08);color:#e6edf3;font-family:var(--font-mono);font-size:var(--text-sm);padding:var(--space-2) 0;outline:none;caret-color:var(--color-accent);transition:border-color var(--duration-base) var(--ease-out);width:100%}.calt__input:focus{border-bottom-color:var(--color-accent)}.calt__input::placeholder{color:#ffffff2e}.calt__textarea{resize:vertical;min-height:90px;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-sm);padding:var(--space-3);line-height:var(--leading-loose)}.calt__textarea:focus{border-color:var(--color-accent);box-shadow:0 0 0 2px var(--color-accent-glow)}.calt__divider{height:1px;background:#ffffff0f;margin:var(--space-5) 0}.calt__submit-row{display:flex;align-items:center;gap:var(--space-3)}.calt__cmd-dollar{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-accent);flex-shrink:0}.calt__submit-btn{display:inline-flex;align-items:center;gap:var(--space-3);font-family:var(--font-mono);font-size:var(--text-sm);color:#e6edf3;background:#4f9dff14;border:1px solid rgba(79,157,255,.25);padding:var(--space-2) var(--space-5);border-radius:var(--radius-sm);cursor:pointer;transition:background-color var(--duration-base) var(--ease-out),border-color var(--duration-base) var(--ease-out),color var(--duration-base) var(--ease-out),box-shadow var(--duration-base) var(--ease-out)}.calt__submit-btn:hover{background-color:var(--color-accent);border-color:var(--color-accent);color:var(--color-bg);box-shadow:var(--shadow-glow)}.calt__submit-key{font-size:var(--text-base);opacity:.6;transition:opacity var(--duration-base) var(--ease-out)}.calt__submit-btn:hover .calt__submit-key{opacity:1}.calt__output{display:flex;flex-direction:column;gap:var(--space-3)}.calt__out-line{display:flex;align-items:baseline;gap:var(--space-3);animation:outLineIn .4s var(--ease-out) both}.calt__out-line:nth-child(1){animation-delay:0s}.calt__out-line:nth-child(2){animation-delay:.4s}.calt__out-line:nth-child(3){animation-delay:.9s}.calt__out-line:nth-child(4){animation-delay:1.4s}.calt__out-line:nth-child(5){animation-delay:1.8s}@keyframes outLineIn{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}.calt__out-text{font-family:var(--font-mono);font-size:var(--text-sm);color:#8b949e}.calt__out-success{font-family:var(--font-mono);font-size:var(--text-sm);color:#3fb950}.calt__out-comment{font-family:var(--font-mono);font-size:var(--text-sm);color:#6a9955;font-style:italic}.calt__cursor-line{margin-top:var(--space-2)}.calt__cursor{font-family:var(--font-mono);color:var(--color-accent);animation:caltBlink 1.1s step-end infinite}@keyframes caltBlink{0%,to{opacity:1}50%{opacity:0}}.calt__socials{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:var(--space-4)}.calt__social{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.06em;color:var(--color-text-subtle);text-decoration:none;border-bottom:1px solid transparent;padding-bottom:1px;transition:color var(--duration-base) var(--ease-out),border-color var(--duration-base) var(--ease-out)}.calt__social:hover{color:var(--color-accent);border-bottom-color:var(--color-accent)}.calt__social-sep{color:var(--color-text-subtle);opacity:.4}@media (max-width: 640px){.calt__body{padding:var(--space-5)}.calt__field-key{min-width:52px}}