:root{color-scheme:dark;--font-display: "Orbitron", "Eurostile", sans-serif;--font-body: "Space Grotesk", "Inter", sans-serif;--font-mono: "JetBrains Mono", "IBM Plex Mono", ui-monospace, monospace;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-7: 3rem;--space-8: 4rem;--space-9: 6rem;--space-10: 8rem;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-pill: 999px;--text-xs: .6875rem;--text-sm: .8125rem;--text-base: .9375rem;--text-md: 1.0625rem;--text-lg: 1.25rem;--text-xl: 1.5rem;--text-2xl: 2rem;--text-3xl: 3rem;--text-4xl: 4rem;--text-5xl: 5.5rem;--display-hero: clamp(2.75rem, 9vw, 5.5rem);--display-section: clamp(1.75rem, 4vw, 3rem);--text-mono-xs: .5625rem;--text-mono-sm: .625rem;--text-label-sm: .5rem;--text-label-md: .5625rem;--text-label-lg: .6875rem;--text-body-md: .8125rem;--text-display-sm: .875rem;--text-display-md: 1.125rem;--text-display-lg: 1.375rem;--leading-tight: 1.15;--leading-normal: 1.5;--leading-relaxed: 1.6;--tracking-tight: -.02em;--tracking-wide: .06em;--tracking-wider: .1em;--tracking-widest: .18em;--track-tight: .03em;--track-1: .1em;--track-2: .16em;--track-3: .22em;--track-wide: .3em;--motion-fast: .15s;--motion-base: .25s;--motion-slow: .4s;--ease-out-quint: cubic-bezier(.22, 1, .36, 1);--z-hud: 10;--z-chrome: 20;--z-overlay: 30;--z-modal: 50;--z-boot: 100;--page-max: 1200px;--measure: 60ch;--header-h: 64px;--safe-area-bottom: env(safe-area-inset-bottom, 0px);--safe-area-top: env(safe-area-inset-top, 0px);--color-on-accent: var(--color-canvas);--skill-language: #3178c6;--skill-framework: #61dafb;--skill-database: #336791;--skill-cloud: #f6821f;--skill-ai: #a855f7;--skill-observability: #ff6b35;--skill-testing: #2ee6a6;--skill-auth: #facc15;--skill-tool: #94a3b8;--skill-concept: #818cf8;--color-bg: light-dark(#f7f9fb, #000000);--color-canvas: light-dark(#f7f9fb, #000000);--color-surface: light-dark(#ffffff, #0a0a0a);--color-surface-raised: light-dark(#eef2f6, #111111);--color-panel: light-dark(rgb(255 255 255 / .82), rgb(0 0 0 / .7));--color-panel-deep: light-dark(rgb(255 255 255 / .94), rgb(0 0 0 / .92));--color-text: light-dark(#0a0e14, #ffffff);--color-text-secondary: light-dark(rgb(10 14 20 / .8), rgb(255 255 255 / .8));--color-text-muted: light-dark(rgb(10 14 20 / .6), rgb(255 255 255 / .6));--color-text-dim: light-dark(rgb(10 14 20 / .45), rgb(255 255 255 / .5));--color-text-faint: light-dark(rgb(10 14 20 / .26), rgb(255 255 255 / .3));--color-accent: light-dark(#0e7490, #00f5ff);--color-accent-glow: light-dark(#22d3ee, #66f9ff);--color-accent-deep: light-dark(rgb(14 116 144 / .2), rgb(0 245 255 / .2));--color-accent-dim: light-dark(rgb(14 116 144 / .18), rgb(0 245 255 / .18));--color-accent-faint: light-dark(rgb(14 116 144 / .1), rgb(0 245 255 / .1));--color-highlight: light-dark(#0e7490, #00f5ff);--color-cyan: light-dark(#06b6d4, #00f5ff);--color-cyan-glow: light-dark(#22d3ee, #8bd3fb);--color-cyan-deep: light-dark(#0b5566, #1e5c7a);--color-cyan-04: light-dark(rgb(6 182 212 / .04), rgb(0 245 255 / .04));--color-cyan-08: light-dark(rgb(6 182 212 / .08), rgb(0 245 255 / .08));--color-cyan-12: light-dark(rgb(6 182 212 / .12), rgb(0 245 255 / .12));--color-cyan-20: light-dark(rgb(6 182 212 / .2), rgb(0 245 255 / .2));--color-cyan-30: light-dark(rgb(6 182 212 / .3), rgb(0 245 255 / .3));--color-cyan-40: light-dark(rgb(6 182 212 / .4), rgb(0 245 255 / .4));--color-cyan-60: light-dark(rgb(6 182 212 / .6), rgb(0 245 255 / .6));--color-cyan-80: light-dark(rgb(6 182 212 / .8), rgb(0 245 255 / .8));--color-accent-strong: var(--color-cyan);--color-accent-04: var(--color-cyan-04);--color-accent-08: var(--color-cyan-08);--color-accent-12: var(--color-cyan-12);--color-accent-20: var(--color-cyan-20);--color-accent-30: var(--color-cyan-30);--color-accent-40: var(--color-cyan-40);--color-accent-60: var(--color-cyan-60);--color-accent-80: var(--color-cyan-80);--color-border: light-dark(rgb(10 14 20 / .14), rgb(0 245 255 / .4));--color-border-subtle: light-dark(rgb(10 14 20 / .08), rgb(0 245 255 / .2));--color-success: light-dark(#0a7d5c, #2ee6a6);--color-warning: light-dark(#b45309, #ffa630);--color-danger: light-dark(#dc2626, #ff2e2e);--availability-open: light-dark(#0a7d5c, #2ee6a6);--availability-considering: light-dark(#b45309, #ffa630);--availability-unavailable: light-dark(rgb(10 14 20 / .4), rgb(255 255 255 / .4));--color-state-thinking: light-dark(#7c3aed, #8e5bff);--color-state-unlock: light-dark(#0a7d5c, #2ee6a6);--color-thinking: var(--color-state-thinking);--glow-accent: 0 0 24px light-dark(rgb(6 182 212 / .16), rgb(0 245 255 / .25));--glow-accent-strong: 0 0 40px light-dark(rgb(6 182 212 / .28), rgb(0 245 255 / .45));--glow-lg: 0 0 40px light-dark(rgb(6 182 212 / .25), rgb(0 245 255 / .4));--shadow-raised: 0 8px 32px light-dark(rgb(2 6 12 / .12), rgb(0 0 0 / .6))}@media(prefers-color-scheme:light){:root:not([data-theme]){color-scheme:light}}:root[data-theme=light]{color-scheme:light}:root[data-theme=dark]{color-scheme:dark}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{background:var(--color-canvas)}body{color:var(--color-text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}::selection{background:var(--color-accent);color:var(--color-on-accent)}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:2px}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--color-canvas)}::-webkit-scrollbar-thumb{background:var(--color-border-subtle);border-radius:var(--radius-pill)}::-webkit-scrollbar-thumb:hover{background:var(--color-border)}html{scrollbar-width:none}html::-webkit-scrollbar{display:none}.btn-ghost,.icon-btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--color-border);border-radius:var(--radius-md);background:transparent;color:var(--color-text);font-family:var(--font-body);cursor:pointer;transition:border-color var(--motion-base) var(--ease-out-quint),box-shadow var(--motion-base) var(--ease-out-quint),color var(--motion-fast) var(--ease-out-quint)}.btn-ghost:hover,.icon-btn:hover{border-color:var(--color-accent);color:var(--color-accent);box-shadow:var(--glow-accent)}.btn-ghost{gap:var(--space-2);padding:var(--space-3) var(--space-6);font-size:var(--text-base);font-weight:500}.btn-ghost--compact{padding:var(--space-2) var(--space-4);font-size:var(--text-sm)}.icon-btn{width:36px;height:36px;flex:none}.app-header{position:sticky;top:0;z-index:50;background:var(--color-panel);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border-subtle)}.app-header__inner{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:var(--space-5);width:100%;max-width:var(--page-max);height:var(--header-h);margin-inline:auto;padding-inline:var(--space-5)}.app-header__inner>:first-child{grid-column:1;justify-self:start}.app-header__inner>:last-child{grid-column:3;justify-self:end}@media(max-width:640px){.app-header__inner{padding-inline:var(--space-4)}}.app-brand{font-family:var(--font-display);font-size:var(--text-lg);font-weight:700;letter-spacing:.04em;color:var(--color-accent);white-space:nowrap}@keyframes glow-flicker{0%,to{opacity:1}50%{opacity:.7}75%{opacity:.9}}@keyframes spin-cw{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes spin-ccw{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes denied-shake{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-6px)}80%{transform:translate(6px)}}@keyframes scan-bar{0%{transform:translate(-100%)}to{transform:translate(100%)}}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header-h) + var(--space-4));-webkit-text-size-adjust:100%}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{min-height:100dvh;display:flex;flex-direction:column;font-size:var(--text-base);line-height:var(--leading-normal)}.site-footer{margin-top:auto}.skip-link{position:absolute;left:var(--space-4);top:-100px;z-index:100;padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);background:var(--color-accent);color:var(--color-on-accent);font-family:var(--font-mono);font-size:var(--text-sm);transition:top var(--motion-fast) var(--ease-out-quint)}.skip-link:focus-visible{top:var(--space-4)}.container{width:100%;max-width:var(--page-max);margin-inline:auto;padding-inline:var(--space-5)}@media(max-width:640px){.container{padding-inline:var(--space-4)}}[data-reveal]{opacity:0;transform:translateY(20px);transition:opacity .7s var(--ease-out-quint),transform .7s var(--ease-out-quint)}[data-reveal].reveal-in{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){[data-reveal]{opacity:1;transform:none;transition:none}}.card-deck{--card-h: 19rem}.card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-5)}@media(max-width:760px){.card-grid{grid-template-columns:minmax(0,1fr)}.card-deck{--card-h: 17rem}}.card-deck[data-enhanced] .card-grid{grid-auto-rows:var(--card-h)}.card-deck[data-enhanced] [data-card]{position:relative;height:var(--card-h);overflow:hidden;cursor:pointer}.card-deck[data-enhanced] [data-card]:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.card-deck[data-enhanced] [data-card][data-overflow=true]:after{content:"";position:absolute;inset-inline:0;bottom:0;height:4.5rem;background:linear-gradient(to bottom,transparent,var(--color-surface));pointer-events:none}.card-deck[data-enhanced] [data-card][data-overflow=true]:before{content:"View details";position:absolute;right:var(--space-5);bottom:var(--space-3);z-index:1;font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.04em;color:var(--color-text-dim);pointer-events:none;transition:color var(--motion-fast) var(--ease-out-quint)}.card-deck[data-enhanced] [data-card][data-overflow=true]:hover:before,.card-deck[data-enhanced] [data-card][data-overflow=true]:focus-visible:before{color:var(--color-accent)}.card-deck.is-collapsed .card-grid{max-height:calc(var(--card-h) * var(--deck-rows, 2) + var(--space-5) * (var(--deck-rows, 2) - 1));overflow:hidden}.card-deck [hidden],.card-modal [hidden]{display:none}.deck-actions{display:flex;justify-content:center;margin-top:var(--space-5)}.show-all{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text-secondary);padding:var(--space-2) var(--space-5);border-radius:var(--radius-md);border:1px solid var(--color-border-subtle);background:var(--color-surface);cursor:pointer;transition:border-color var(--motion-fast) var(--ease-out-quint),color var(--motion-fast) var(--ease-out-quint)}.show-all:hover{border-color:var(--color-border);color:var(--color-text)}body.modal-open{overflow:hidden}.card-modal{margin:auto;width:min(42rem,calc(100vw - var(--space-6)));max-width:42rem;max-height:85vh;padding:0;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-panel);backdrop-filter:blur(16px) saturate(140%);-webkit-backdrop-filter:blur(16px) saturate(140%);color:var(--color-text);overflow:hidden}.card-modal::backdrop{background:color-mix(in srgb,var(--color-canvas) 50%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.card-modal-inner{position:relative;max-height:85vh;overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-7)}@keyframes card-modal-in{0%{opacity:0;transform:translateY(8px) scale(.985)}}.card-modal[open] .card-modal-inner{animation:card-modal-in var(--motion-base) var(--ease-out-quint)}.card-modal.is-closing .card-modal-inner{opacity:0;transform:translateY(8px) scale(.985);transition:opacity var(--motion-base) var(--ease-out-quint),transform var(--motion-base) var(--ease-out-quint);animation:none}.card-modal-close{position:absolute;top:var(--space-4);right:var(--space-4);width:2rem;height:2rem;display:grid;place-items:center;border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text-dim);font-size:var(--text-sm);cursor:pointer;transition:color var(--motion-fast) var(--ease-out-quint),border-color var(--motion-fast) var(--ease-out-quint)}.card-modal-close:hover{color:var(--color-text);border-color:var(--color-border)}.card-modal-head{display:flex;flex-direction:column;gap:var(--space-2);padding-right:var(--space-7)}.card-modal-title{font-family:var(--font-body);font-size:var(--text-lg, 1.5rem);font-weight:700;color:var(--color-text)}.card-modal-subtitle{font-family:var(--font-body);font-size:var(--text-base);font-weight:500;color:var(--color-accent)}.card-modal-meta{display:flex;flex-wrap:wrap;gap:var(--space-2)}.card-modal-meta .card-modal-chip{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text-dim)}.card-modal-meta .card-modal-chip:not(:last-child):after{content:" ·"}.card-modal-body{font-size:var(--text-base);color:var(--color-text-secondary);line-height:var(--leading-relaxed)}.card-modal-highlights{list-style:none;display:flex;flex-direction:column;gap:var(--space-3)}.card-modal-highlights li{position:relative;padding-left:var(--space-4);font-size:var(--text-base);color:var(--color-text-secondary);line-height:var(--leading-relaxed)}.card-modal-highlights li:before{content:"";position:absolute;left:0;top:.6em;width:5px;height:5px;border-radius:50%;background:var(--color-accent)}.card-modal-stack{display:flex;flex-wrap:wrap;gap:var(--space-2)}.card-modal-stack .card-modal-chip{font-family:var(--font-mono);font-size:var(--text-xs);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm, 8px);border:1px solid var(--color-border-subtle);color:var(--color-text-muted)}.card-modal-stack.is-accent .card-modal-chip{color:var(--chip-accent);border-color:color-mix(in srgb,var(--chip-accent) 55%,transparent);background:color-mix(in srgb,var(--chip-accent) 8%,transparent)}.card-modal-link{align-self:flex-start;font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-accent);border-bottom:1px solid transparent;transition:border-color var(--motion-fast) var(--ease-out-quint)}.card-modal-link:hover{border-color:var(--color-accent)}@media(prefers-reduced-motion:reduce){.card-modal[open] .card-modal-inner{animation:none}.card-modal.is-closing .card-modal-inner{transition:none}}.particle-field[data-astro-cid-ysqzlhfs]{position:fixed;inset:0;z-index:-1;display:block;width:100%;height:100%;pointer-events:none}@media(prefers-reduced-motion:reduce){.particle-field[data-astro-cid-ysqzlhfs]{display:none}}.cursor-layer{position:fixed;inset:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;border:0;padding:0;background:transparent;overflow:visible;pointer-events:none;z-index:9999}.cursor-layer::backdrop{background:transparent}.cursor{position:fixed;top:0;left:0;border-radius:50%;pointer-events:none;opacity:0;transition:opacity var(--motion-fast) var(--ease-out-quint);will-change:transform}html.cursor-custom .cursor{opacity:1}html.cursor-custom,html.cursor-custom *{cursor:none!important}.cursor__dot{width:6px;height:6px;background:var(--color-accent)}.cursor__ring{width:30px;height:30px;border:1.5px solid var(--color-accent);transition:width var(--motion-fast) var(--ease-out-quint),height var(--motion-fast) var(--ease-out-quint),background var(--motion-fast) var(--ease-out-quint),opacity var(--motion-fast) var(--ease-out-quint)}.cursor__ring.is-hover{width:52px;height:52px;background:var(--color-accent-faint)}.wheelnav[data-astro-cid-5h3lyzyq]{display:flex;justify-content:center}.wheelnav__viewport[data-astro-cid-5h3lyzyq]{position:relative;width:480px;height:28px;overflow:hidden;-webkit-mask-image:linear-gradient(to right,transparent,#000 14%,#000 86%,transparent);mask-image:linear-gradient(to right,transparent,#000 14%,#000 86%,transparent)}.wheelnav__list[data-astro-cid-5h3lyzyq]{position:relative;display:flex;align-items:center;gap:var(--space-5);width:max-content;height:100%;margin:0;padding:0;list-style:none;transition:transform var(--motion-base) var(--ease-out-quint)}.wheelnav__list[data-astro-cid-5h3lyzyq] li[data-astro-cid-5h3lyzyq]{display:flex;align-items:center}.wheelnav__item[data-astro-cid-5h3lyzyq]{display:inline-block;font-family:var(--font-body);font-size:var(--text-sm);font-weight:500;line-height:1;white-space:nowrap;color:var(--color-text-muted);transition:color var(--motion-fast) var(--ease-out-quint),transform var(--motion-fast) var(--ease-out-quint)}.wheelnav__item[data-astro-cid-5h3lyzyq]:hover{color:var(--color-accent)}.wheelnav__item[data-astro-cid-5h3lyzyq].is-active{color:var(--color-accent);transform:scale(1.3)}@media(max-width:860px){.wheelnav[data-astro-cid-5h3lyzyq]{display:none}}@media(prefers-reduced-motion:reduce){.wheelnav__list[data-astro-cid-5h3lyzyq]{transition:none}.wheelnav__item[data-astro-cid-5h3lyzyq].is-active{transform:none}}.agent-icon[data-astro-cid-i55xtjqw]{display:block;flex:none}.actions[data-astro-cid-keqlklyk]{display:flex;align-items:center;gap:var(--space-3)}@media(max-width:520px){.cta[data-astro-cid-keqlklyk] .btn-ghost__label{display:none}.cta[data-astro-cid-keqlklyk] .btn-ghost{width:36px;height:36px;padding:0}}.header-progress[data-astro-cid-keqlklyk]{position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--color-border-subtle);display:none}.header-progress__fill[data-astro-cid-keqlklyk]{display:block;height:100%;width:100%;background:var(--color-accent);transform:scaleX(0);transform-origin:left;transition:transform .1s linear}@media(max-width:860px){.header-progress[data-astro-cid-keqlklyk]{display:block}}@media(prefers-reduced-motion:reduce){.header-progress__fill[data-astro-cid-keqlklyk]{transition:none}}.site-footer[data-astro-cid-5jp7rtjd]{background:var(--color-surface);border-top:1px solid var(--color-border-subtle);padding-block:var(--space-5)}.container[data-astro-cid-5jp7rtjd]{display:flex;justify-content:center}.copy[data-astro-cid-5jp7rtjd]{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text-dim);text-align:center}.chip[data-astro-cid-dastgzfe]{display:inline-flex;align-items:center;font-family:var(--font-mono);font-size:var(--text-xs);line-height:1.4}.chip--outlined[data-astro-cid-dastgzfe]{padding:var(--space-1) var(--space-3);border-radius:var(--radius-sm);border:1px solid var(--chip-color, var(--color-accent));color:var(--chip-color, var(--color-accent))}.chip--filled[data-astro-cid-dastgzfe]{padding:var(--space-1) var(--space-2);border-radius:var(--radius-pill);background:var(--color-surface-raised);color:var(--color-text-muted)}
