:root{--sl-font: "Inter Variable", "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--sl-font-mono: "SF Mono", "Fira Code", "JetBrains Mono", Menlo, Consolas, monospace;--sl-color-accent-low: #172554;--sl-color-accent: #60a5fa;--sl-color-accent-high: #93c5fd;--sl-color-white: #e6edf3;--sl-color-gray-1: #c9d1d9;--sl-color-gray-2: #8b949e;--sl-color-gray-3: #6e7681;--sl-color-gray-4: #30363d;--sl-color-gray-5: #21262d;--sl-color-gray-6: #161b22;--sl-color-bg: #0d1117;--wiq-gradient-1: #60a5fa;--wiq-gradient-2: #a78bfa;--wiq-gradient-3: #22d3ee;--fs-2xs: .75rem;--fs-xs: .8125rem;--fs-sm: .875rem;--fs-md: .9375rem;--fs-base: 1rem;--fs-lg: 1.0625rem;--fs-xl: 1.125rem;--fs-2xl: 1.1875rem;--fs-3xl: 1.375rem;--fs-4xl: 1.75rem;--fs-tagline: clamp(1.125rem, 1.5vw + .5rem, 1.375rem);--fs-title: clamp(1.75rem, 3vw + .5rem, 2.5rem);--fs-title-lg:clamp(2rem, 3vw + .5rem, 2.5rem);--fs-section: clamp(2.37rem, 4vw + .75rem, 3.157rem);--fs-display: clamp(3.16rem, 6vw + 1rem, 5.619rem);--fw-body: 460;--fw-ui: 500;--fw-medium: 550;--fw-accent: 560;--fw-semi: 600;--fw-heading: 650;--fw-bold: 700;--fw-display: 760;--ls-tight: -.02em;--ls-snug: -.015em;--ls-reading: -.01em;--ls-body: -.005em;--ls-wide: .02em;--ls-wider: .05em;--lh-none: 1.15;--lh-tight: 1.2;--lh-snug: 1.25;--lh-normal: 1.5;--lh-relaxed: 1.6;--lh-loose: 1.65;--lh-prose: 1.7;--lh-spacious: 1.75;--w-search: 40rem;--w-content: 52rem;--w-features: 56rem;--w-wide: 64rem;--measure-sm: 50ch;--measure-base: 65ch;--measure-lg: 72ch;--measure-xl: 75ch;--radius-xs: 4px;--radius-sm: 5px;--radius-md: 6px;--radius-base: 8px;--radius-lg: 10px;--radius-xl: 12px;--radius-2xl: 14px;--radius-3xl: 16px;--radius-full: 100px;--ease: ease;--duration-fast: .15s;--duration-base: .2s;--duration-slow: .25s;--duration-enter:.4s;color-scheme:dark}@media(prefers-color-scheme:light){:root{--sl-color-accent-low: #e8f0fe;--sl-color-accent: #2563eb;--sl-color-accent-high: #1d4ed8;--sl-color-white: #1a1a2e;--sl-color-gray-1: #24292f;--sl-color-gray-2: #57606a;--sl-color-gray-3: #6e7781;--sl-color-gray-4: #d0d7de;--sl-color-gray-5: #e6edf3;--sl-color-gray-6: #f6f8fa;--sl-color-bg: #ffffff;--wiq-gradient-1: #2563eb;--wiq-gradient-2: #7c3aed;--wiq-gradient-3: #06b6d4;color-scheme:light}}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:var(--sl-font);font-size:16px;line-height:var(--lh-relaxed);background:var(--sl-color-bg);color:var(--sl-color-gray-1);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}@keyframes fluid-1{0%,to{transform:translate(0)}50%{transform:translate(20%,25%)}}@keyframes fluid-2{0%,to{transform:translate(0)}50%{transform:translate(-20%,20%)}}@keyframes fluid-3{0%,to{transform:translate(0)}50%{transform:translate(15%,-20%)}}.hero-gradient{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none}.hero-gradient:before,.hero-gradient:after,.hero-gradient .blob{position:absolute;width:150%;height:150%;left:-25%;top:-25%;border-radius:0}.hero-gradient:before,.hero-gradient:after{content:""}.hero-gradient:before{background:radial-gradient(circle at 80% 50%,var(--wiq-gradient-1) 0%,transparent 50%);filter:blur(90px);opacity:.28;animation:fluid-1 7s ease-in-out infinite}.hero-gradient:after{background:radial-gradient(circle at 20% 80%,var(--wiq-gradient-2) 0%,transparent 50%);filter:blur(90px);opacity:.28;animation:fluid-2 8.4s ease-in-out infinite}.hero-gradient .blob{display:block;background:radial-gradient(circle at 50% 20%,var(--wiq-gradient-3) 0%,transparent 50%);filter:blur(90px);opacity:.28;animation:fluid-3 6.3s ease-in-out infinite}@media(prefers-color-scheme:light){.hero-gradient:before,.hero-gradient:after,.hero-gradient .blob{opacity:.35}}.github-corner{position:fixed;top:1rem;right:1.5rem;z-index:100;display:inline-flex;align-items:center;gap:.4rem;font-size:var(--fs-sm);font-weight:var(--fw-ui);color:var(--sl-color-text);text-decoration:none;opacity:.7;transition:opacity var(--duration-base)}.github-corner:hover{opacity:1}.hero{position:relative;text-align:center;padding:6rem 1.5rem 4rem;max-width:var(--w-wide);margin:0 auto}.hero-content{position:relative;z-index:1}.hero-badge{display:inline-block;font-size:var(--fs-xs);font-weight:var(--fw-semi);letter-spacing:var(--ls-wider);text-transform:uppercase;color:var(--sl-color-accent);background:var(--sl-color-accent-low);padding:.4rem 1.125rem;border-radius:var(--radius-full);margin-bottom:1.5rem}.hero h1{font-size:var(--fs-display);font-weight:var(--fw-display);font-optical-sizing:auto;letter-spacing:var(--ls-snug);line-height:var(--lh-none);margin:0 0 1.25rem;color:var(--sl-color-white)}.text-gradient{background:linear-gradient(135deg,var(--wiq-gradient-1),var(--wiq-gradient-2),var(--wiq-gradient-3));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero-tagline{font-size:var(--fs-tagline);font-weight:var(--fw-accent);letter-spacing:var(--ls-body);color:var(--sl-color-gray-1);line-height:var(--lh-loose);margin:0 0 2.5rem;max-width:var(--measure-xl);margin-inline:auto}.hero-actions{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap;margin-bottom:2rem}.hero-actions a{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.75rem;border-radius:var(--radius-lg);font-weight:var(--fw-medium);font-size:var(--fs-base);letter-spacing:var(--ls-wide);text-decoration:none;transition:all var(--duration-base) var(--ease)}.hero-actions .primary{background:var(--sl-color-accent);color:#fff;box-shadow:0 1px 2px #00000014,0 4px 12px color-mix(in srgb,var(--sl-color-accent) 25%,transparent)}.hero-actions .primary:hover{background:var(--sl-color-accent-high);box-shadow:0 2px 4px #0000001a,0 8px 24px color-mix(in srgb,var(--sl-color-accent) 30%,transparent);transform:translateY(-1px)}.hero-actions .secondary{background:var(--sl-color-gray-6);color:var(--sl-color-white);border:1px solid var(--sl-color-gray-5)}.hero-actions .secondary:hover{background:var(--sl-color-gray-5);transform:translateY(-1px)}@keyframes border-spin{0%{--border-angle: 0deg}to{--border-angle: 360deg}}@property --border-angle{syntax: "<angle>"; initial-value: 0deg; inherits: false;}.install-command{display:inline-flex;align-items:center;gap:.75rem;background:var(--sl-color-gray-6);color:var(--sl-color-gray-1);border-radius:var(--radius-xl);padding:1rem 1.5rem;font-family:var(--sl-font-mono);font-size:var(--fs-base);letter-spacing:var(--ls-reading);margin:0 auto 3rem;position:relative;z-index:1;border:1px solid transparent;background-clip:padding-box;outline:1px solid transparent;outline-offset:-1px}.install-command:before{content:"";position:absolute;inset:-1px;border-radius:calc(var(--radius-xl) + 1px);padding:1px;background:conic-gradient(from var(--border-angle, 0deg),transparent 25%,var(--wiq-gradient-1) 50%,var(--wiq-gradient-2) 75%,transparent 100%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:border-spin 4s linear infinite;pointer-events:none}.install-prompt{color:var(--sl-color-gray-4);user-select:none}.install-text{user-select:all}.install-copy{background:none;border:none;color:var(--sl-color-gray-4);cursor:pointer;padding:.25rem;border-radius:var(--radius-xs);display:flex;align-items:center;transition:color var(--duration-fast)}.install-copy:hover{color:var(--sl-color-accent)}.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(17rem,1fr));gap:1.25rem;max-width:var(--w-features);margin:0 auto 5rem;padding:0 1.5rem;position:relative;z-index:1}.features:before{content:"";position:absolute;inset:-2rem;z-index:-1;background-image:radial-gradient(circle,var(--sl-color-gray-5) 1px,transparent 1px);background-size:24px 24px;opacity:.6;mask-image:radial-gradient(ellipse 60% 50% at 50% 50%,black,transparent);-webkit-mask-image:radial-gradient(ellipse 60% 50% at 50% 50%,black,transparent)}.feature{text-align:left;background:color-mix(in srgb,var(--sl-color-gray-6) 80%,var(--sl-color-gray-5));border:1px solid var(--sl-color-gray-4);border-radius:var(--radius-2xl);padding:1.5rem;transition:all var(--duration-slow) var(--ease);position:relative;overflow:hidden;display:grid;grid-template-columns:2.25rem 1fr;column-gap:.75rem;align-items:start}.feature:before{content:"";position:absolute;inset:0;background:radial-gradient(circle 120px at var(--spot-x, 50%) var(--spot-y, -40px),color-mix(in srgb,var(--wiq-gradient-1) 8%,transparent),transparent);opacity:0;transition:opacity .3s ease;pointer-events:none}.feature:hover:before{opacity:1}.feature:hover{transform:translateY(-3px);box-shadow:0 8px 30px #0000001a}.feature-icon{display:flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border-radius:var(--radius-base);background:color-mix(in srgb,var(--wiq-gradient-1) 15%,transparent);color:var(--wiq-gradient-1);grid-column:1;grid-row:1;flex-shrink:0}.feature h3{font-size:var(--fs-lg);font-weight:var(--fw-heading);letter-spacing:var(--ls-wide);margin:0;color:var(--sl-color-white);grid-column:2;grid-row:1;align-self:center;line-height:2.25rem}.feature p{font-size:var(--fs-base);font-weight:var(--fw-body);letter-spacing:var(--ls-body);color:var(--sl-color-gray-2);line-height:var(--lh-relaxed);margin:.5rem 0 0;grid-column:1 / -1}.prose{max-width:var(--w-content);margin:0 auto 4rem;padding:0 1.5rem;position:relative;z-index:1}.prose h2{font-size:var(--fs-section);font-weight:var(--fw-bold);letter-spacing:var(--ls-tight);line-height:var(--lh-snug);margin:0 0 1.5rem;text-align:center;color:var(--sl-color-white)}.prose p{font-size:var(--fs-xl);font-weight:var(--fw-body);letter-spacing:var(--ls-body);color:var(--sl-color-gray-2);line-height:var(--lh-spacious);margin:0 0 1.5rem;max-width:var(--measure-base);margin-inline:auto}.prose .highlight{color:var(--sl-color-accent);font-weight:var(--fw-accent)}.closing{text-align:center;padding:4rem 1.5rem 6rem;position:relative;z-index:1}.closing h2{font-size:var(--fs-title-lg);font-weight:var(--fw-bold);color:var(--sl-color-white);margin:0 0 1rem}.closing p{font-size:var(--fs-xl);color:var(--sl-color-gray-2);margin:0 0 2rem;max-width:var(--measure-lg);margin-inline:auto;line-height:var(--lh-loose)}.footer{text-align:center;padding:2rem 1.5rem;border-top:1px solid var(--sl-color-gray-5);color:var(--sl-color-gray-3);font-size:var(--fs-sm);position:relative;z-index:1}.footer a{color:var(--sl-color-gray-2);text-decoration:none}.footer a:hover{color:var(--sl-color-accent)}main{animation:fade-up var(--duration-enter) var(--ease)}@keyframes fade-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.site-nav{position:sticky;top:0;z-index:100;background:color-mix(in srgb,var(--sl-color-bg) 85%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid transparent;transition:border-color var(--duration-base) var(--ease)}.site-nav[data-scrolled]{border-bottom-color:var(--sl-color-gray-5)}.site-nav-inner{max-width:var(--w-wide);margin:0 auto;padding:.75rem 1.5rem;display:flex;align-items:center;justify-content:space-between}.site-nav-brand{text-decoration:none;font-size:var(--fs-base);font-weight:var(--fw-heading);letter-spacing:var(--ls-reading)}.site-nav-links{display:flex;gap:1.5rem}.site-nav-links a{text-decoration:none;color:var(--sl-color-gray-2);font-size:var(--fs-md);font-weight:var(--fw-medium);letter-spacing:var(--ls-wide);transition:color var(--duration-fast)}.site-nav-links a:hover{color:var(--sl-color-accent)}.prose-page{max-width:var(--measure-lg);margin:0 auto;padding:3rem 1.5rem 4rem}.prose-page h1{font-size:var(--fs-3xl);font-weight:var(--fw-display);margin-bottom:1.5rem}.prose-page h2{font-size:var(--fs-xl);font-weight:var(--fw-heading);margin-top:2.5rem;margin-bottom:.75rem}.prose-page p{font-size:var(--fs-md);line-height:var(--lh-spacious);color:var(--sl-color-gray-2);margin-bottom:1rem}.catalog-hero{text-align:center;padding:4rem 1.5rem 2rem;position:relative;z-index:1}.catalog-hero h1{font-size:var(--fs-section);font-weight:var(--fw-display);letter-spacing:var(--ls-tight);line-height:var(--lh-tight);margin:0 0 .75rem;color:var(--sl-color-white)}.catalog-subtitle{font-size:var(--fs-lg);color:var(--sl-color-gray-2);font-weight:var(--fw-body);max-width:var(--measure-sm);margin:0 auto;line-height:var(--lh-relaxed)}.catalog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(17rem,1fr));gap:1rem;max-width:var(--w-wide);margin:0 auto 4rem;padding:0 1.5rem;position:relative;z-index:1}.catalog-card{text-decoration:none;background:color-mix(in srgb,var(--sl-color-gray-6) 80%,var(--sl-color-gray-5));border:1px solid var(--sl-color-gray-4);border-radius:var(--radius-3xl);padding:1.5rem;transition:all var(--duration-slow) var(--ease);display:flex;flex-direction:column;gap:.75rem}.catalog-card:hover{transform:translateY(-3px);box-shadow:0 8px 30px #0000001f;border-color:var(--sl-color-accent)}.catalog-card-icon{display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;border-radius:var(--radius-xl);background:color-mix(in srgb,var(--wiq-gradient-1) 12%,transparent);color:var(--wiq-gradient-1);flex-shrink:0}.catalog-card h3{font-size:var(--fs-lg);font-weight:var(--fw-heading);letter-spacing:var(--ls-reading);margin:0;color:var(--sl-color-white)}.catalog-card p{font-size:var(--fs-md);font-weight:var(--fw-body);color:var(--sl-color-gray-2);line-height:var(--lh-normal);margin:0;flex:1;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.catalog-card-meta{display:flex;flex-wrap:wrap;gap:.4rem}.meta-badge{display:inline-flex;align-items:center;gap:.3rem;font-size:var(--fs-2xs);font-weight:var(--fw-medium);letter-spacing:var(--ls-wide);color:var(--sl-color-gray-3);background:var(--sl-color-gray-5);padding:.25rem .5rem;border-radius:var(--radius-md)}.meta-link{text-decoration:none;color:var(--sl-color-gray-3);transition:color var(--duration-fast)}.meta-link:hover{color:var(--sl-color-accent)}.pipeline-stages{display:flex;flex-wrap:wrap;gap:.3rem;align-items:center}.pipeline-stage{font-size:var(--fs-xs);font-weight:var(--fw-semi);color:var(--sl-color-accent);text-decoration:none;padding:.3rem .75rem;border-radius:var(--radius-full, 999px);background:color-mix(in srgb,var(--sl-color-accent) 10%,transparent);border:1px solid color-mix(in srgb,var(--sl-color-accent) 22%,transparent);transition:color var(--duration-fast),background var(--duration-fast),border-color var(--duration-fast),transform var(--duration-fast),box-shadow var(--duration-fast);cursor:pointer}.pipeline-stage:hover{color:var(--sl-color-white);background:color-mix(in srgb,var(--sl-color-accent) 22%,transparent);border-color:color-mix(in srgb,var(--sl-color-accent) 60%,transparent);transform:translateY(-1px);box-shadow:0 2px 6px color-mix(in srgb,var(--sl-color-accent) 20%,transparent)}.pipeline-chevron{color:var(--sl-color-gray-4);flex-shrink:0}.pipeline-arrow{color:var(--sl-color-gray-3);font-size:var(--fs-2xs);user-select:none}.pipeline-stage--current{color:var(--sl-color-accent-high);background:color-mix(in srgb,var(--sl-color-accent) 25%,transparent);border-color:var(--sl-color-accent);box-shadow:0 2px 10px color-mix(in srgb,var(--sl-color-accent) 25%,transparent);cursor:default}.pipeline-stage--current:hover{color:var(--sl-color-accent-high);background:color-mix(in srgb,var(--sl-color-accent) 25%,transparent);transform:none;box-shadow:0 2px 10px color-mix(in srgb,var(--sl-color-accent) 25%,transparent)}.pipeline-nav{display:flex;align-items:center;gap:1rem;margin-top:1.5rem;padding:.75rem 1.25rem;border-radius:var(--radius-lg, 10px);background:color-mix(in srgb,var(--sl-color-accent) 4%,var(--sl-color-gray-6));border:1px solid color-mix(in srgb,var(--sl-color-accent) 12%,var(--sl-color-gray-4))}.pipeline-nav .pipeline-stages{gap:.4rem}.pipeline-nav .pipeline-chevron{color:var(--sl-color-gray-3)}.pipeline-nav-label{font-size:var(--fs-2xs);font-weight:var(--fw-semi);color:var(--sl-color-gray-3);text-transform:uppercase;letter-spacing:.08em;white-space:nowrap;padding-right:.75rem;border-right:1px solid var(--sl-color-gray-4)}.catalog-search{max-width:var(--w-search);margin:0 auto 2rem;padding:0 1.5rem;position:relative;z-index:1}.search-input-wrap{position:relative}.search-input-wrap svg{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--sl-color-gray-3);pointer-events:none}.search-input{width:100%;padding:.875rem 1rem .875rem 2.75rem;font-family:var(--sl-font);font-size:var(--fs-base);font-weight:var(--fw-body);color:var(--sl-color-white);background:color-mix(in srgb,var(--sl-color-gray-6) 80%,var(--sl-color-gray-5));border:1px solid var(--sl-color-gray-4);border-radius:var(--radius-xl);outline:none;transition:border-color var(--duration-base)}.search-input::placeholder{color:var(--sl-color-gray-3)}.search-input:focus{border-color:var(--sl-color-accent)}.search-status{font-size:var(--fs-sm);color:var(--sl-color-gray-3);margin-top:.75rem;text-align:center}.search-status .search-highlight{color:var(--sl-color-accent);font-weight:var(--fw-medium)}.catalog-empty{text-align:center;padding:3rem 1.5rem;color:var(--sl-color-gray-3)}.catalog-empty p{font-size:var(--fs-lg);margin:.5rem 0}.skill-page{max-width:var(--w-content);margin:0 auto;padding:2rem 1.5rem 4rem;position:relative;z-index:1}.skill-header{margin-bottom:2rem}.skill-back{display:inline-block;font-size:var(--fs-sm);font-weight:var(--fw-medium);color:var(--sl-color-gray-3);text-decoration:none;margin-bottom:1rem;transition:color var(--duration-fast)}.skill-back:hover{color:var(--sl-color-accent)}.skill-header-top{display:flex;align-items:center;gap:1rem;margin-bottom:.75rem}.skill-header-icon{display:flex;align-items:center;justify-content:center;width:3.5rem;height:3.5rem;border-radius:var(--radius-2xl);background:color-mix(in srgb,var(--wiq-gradient-1) 12%,transparent);color:var(--wiq-gradient-1);flex-shrink:0}.skill-header h1{font-size:var(--fs-title);font-weight:var(--fw-display);letter-spacing:var(--ls-tight);margin:0;color:var(--sl-color-white)}.skill-description{font-size:var(--fs-lg);color:var(--sl-color-gray-2);line-height:var(--lh-relaxed);margin:0 0 1rem}.skill-meta{display:flex;flex-wrap:wrap;gap:.5rem}.skill-content{color:var(--sl-color-gray-1);line-height:var(--lh-prose);font-size:var(--fs-base)}.skill-content h1,.skill-content h2,.skill-content h3,.skill-content h4{color:var(--sl-color-white);margin:2rem 0 .75rem;font-weight:var(--fw-heading);letter-spacing:var(--ls-reading)}.skill-content h1{font-size:var(--fs-4xl)}.skill-content h2{font-size:var(--fs-3xl);border-bottom:1px solid var(--sl-color-gray-5);padding-bottom:.4rem}.skill-content h3{font-size:var(--fs-2xl)}.skill-content h4{font-size:var(--fs-lg)}.skill-content p{margin:.75rem 0;font-weight:var(--fw-body)}.skill-content ul,.skill-content ol{padding-left:1.5rem;margin:.75rem 0}.skill-content li{margin:.35rem 0}.skill-content code{font-family:var(--sl-font-mono);font-size:.875em;background:var(--sl-color-gray-5);padding:.15rem .4rem;border-radius:var(--radius-sm)}.skill-content pre{background:var(--sl-color-gray-6);border:1px solid var(--sl-color-gray-5);border-radius:var(--radius-lg);padding:1rem 1.25rem;overflow-x:auto;margin:1rem 0;font-size:var(--fs-sm);line-height:var(--lh-relaxed)}.skill-content pre code{background:none;padding:0;border-radius:0}.skill-content table{width:100%;border-collapse:collapse;margin:1rem 0;font-size:var(--fs-sm)}.skill-content th,.skill-content td{text-align:left;padding:.5rem .75rem;border:1px solid var(--sl-color-gray-5)}.skill-content th{background:var(--sl-color-gray-6);font-weight:var(--fw-semi);color:var(--sl-color-white)}.skill-content blockquote{border-left:3px solid var(--sl-color-accent);margin:1rem 0;padding:.5rem 1rem;color:var(--sl-color-gray-2);background:color-mix(in srgb,var(--sl-color-accent-low) 40%,transparent);border-radius:0 var(--radius-base) var(--radius-base) 0}.skill-content a{color:var(--sl-color-accent);text-decoration:none}.skill-content a:hover{text-decoration:underline}.skill-sidebar{margin-top:2rem;padding:1.25rem;background:color-mix(in srgb,var(--sl-color-gray-6) 80%,var(--sl-color-gray-5));border:1px solid var(--sl-color-gray-4);border-radius:var(--radius-2xl)}.skill-sidebar h4{font-size:var(--fs-sm);font-weight:var(--fw-heading);letter-spacing:var(--ls-wider);text-transform:uppercase;color:var(--sl-color-gray-3);margin:0 0 .75rem}.skill-sidebar ul{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:.4rem}.skill-sidebar li code{font-family:var(--sl-font-mono);font-size:var(--fs-xs);background:var(--sl-color-gray-5);padding:.2rem .5rem;border-radius:var(--radius-sm);color:var(--sl-color-gray-1)}.docs-hero{text-align:center;padding:4rem 1.5rem 2rem;position:relative;z-index:1}.docs-hero h1{font-size:var(--fs-section);font-weight:var(--fw-display);letter-spacing:var(--ls-tight);line-height:var(--lh-tight);margin:0 0 .75rem;color:var(--sl-color-white)}.docs-subtitle{font-size:var(--fs-lg);color:var(--sl-color-gray-2);font-weight:var(--fw-body);max-width:var(--measure-sm);margin:0 auto;line-height:var(--lh-relaxed)}.docs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(18rem,1fr));gap:1rem;max-width:var(--w-content);margin:0 auto 4rem;padding:0 1.5rem;position:relative;z-index:1}.docs-card{text-decoration:none;background:color-mix(in srgb,var(--sl-color-gray-6) 80%,var(--sl-color-gray-5));border:1px solid var(--sl-color-gray-4);border-radius:var(--radius-3xl);padding:1.5rem;transition:all var(--duration-slow) var(--ease);display:flex;align-items:flex-start;gap:1rem}.docs-card:hover{transform:translateY(-3px);box-shadow:0 8px 30px #0000001f;border-color:var(--sl-color-accent)}.docs-card-icon{display:flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;border-radius:var(--radius-lg);background:color-mix(in srgb,var(--wiq-gradient-2) 12%,transparent);color:var(--wiq-gradient-2);flex-shrink:0}.docs-card h3{font-size:var(--fs-lg);font-weight:var(--fw-heading);letter-spacing:var(--ls-reading);margin:0 0 .25rem;color:var(--sl-color-white)}.docs-card p{font-size:var(--fs-md);color:var(--sl-color-gray-2);margin:0;line-height:var(--lh-normal)}.doc-page{max-width:var(--w-content);margin:0 auto;padding:2rem 1.5rem 4rem;position:relative;z-index:1}.doc-back{display:inline-block;font-size:var(--fs-sm);font-weight:var(--fw-medium);color:var(--sl-color-gray-3);text-decoration:none;margin-bottom:1rem;transition:color var(--duration-fast)}.doc-back:hover{color:var(--sl-color-accent)}.doc-header{margin-bottom:2rem}.doc-header h1{font-size:var(--fs-title);font-weight:var(--fw-display);letter-spacing:var(--ls-tight);margin:0;color:var(--sl-color-white)}.philosophy-hero{text-align:center;padding:4rem 1.5rem 2rem;position:relative;z-index:1}.philosophy-hero h1{font-size:var(--fs-section);font-weight:var(--fw-display);letter-spacing:var(--ls-tight);margin:0;color:var(--sl-color-white)}.philosophy-subtitle{font-size:var(--fs-tagline);color:var(--sl-color-gray-2);max-width:36rem;margin:1rem auto 0;line-height:1.5}.philosophy-section{max-width:64rem;margin:0 auto;padding:3rem 1.5rem;position:relative;z-index:1}.philosophy-section h2{font-size:var(--fs-title);font-weight:var(--fw-bold);letter-spacing:var(--ls-tight);text-align:center;margin:0 0 2rem;color:var(--sl-color-white)}.philosophy-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(17rem,1fr));gap:1.25rem}.philosophy-card{background:var(--sl-color-gray-6);border:1px solid var(--sl-color-gray-5);border-radius:var(--radius-2xl);padding:1.5rem;transition:border-color var(--duration-fast),transform var(--duration-fast)}.philosophy-card:hover{border-color:var(--sl-color-gray-4);transform:translateY(-2px)}.philosophy-card-icon{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:var(--radius-base);background:color-mix(in srgb,var(--sl-color-accent) 12%,transparent);color:var(--sl-color-accent);margin-bottom:.75rem}.philosophy-card h3{font-size:var(--fs-lg);font-weight:var(--fw-heading);color:var(--sl-color-white);margin:0 0 .5rem}.philosophy-card p{font-size:var(--fs-sm);color:var(--sl-color-gray-2);line-height:1.6;margin:0}.philosophy-stats{display:flex;justify-content:center;gap:4rem;margin-bottom:2rem}.philosophy-stat{text-align:center}.philosophy-stat-number{display:block;font-size:clamp(2.5rem,5vw,3.5rem);font-weight:var(--fw-display);color:var(--sl-color-accent);letter-spacing:var(--ls-tight);line-height:1.1}.philosophy-stat-label{display:block;font-size:var(--fs-sm);color:var(--sl-color-gray-3);margin-top:.5rem}.philosophy-quote{text-align:center;font-size:var(--fs-xl);font-style:italic;color:var(--sl-color-gray-1);border:none;padding:0;margin:2rem auto 0;max-width:32rem}.philosophy-flow{display:flex;align-items:flex-start;justify-content:center;gap:1.25rem}.philosophy-flow-step{flex:1;max-width:18rem;text-align:center;background:var(--sl-color-gray-6);border:1px solid var(--sl-color-gray-5);border-radius:var(--radius-2xl);padding:1.5rem}.philosophy-flow-number{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:var(--radius-full, 999px);background:var(--sl-color-accent);color:var(--sl-color-bg);font-size:var(--fs-sm);font-weight:var(--fw-bold);margin-bottom:.75rem}.philosophy-flow-step h3{font-size:var(--fs-lg);font-weight:var(--fw-heading);color:var(--sl-color-white);margin:0 0 .5rem}.philosophy-flow-step p{font-size:var(--fs-sm);color:var(--sl-color-gray-2);line-height:1.6;margin:0}.philosophy-flow-arrow{color:var(--sl-color-gray-4);flex-shrink:0;margin-top:3rem}.philosophy-closing{text-align:center;padding:4rem 1.5rem;position:relative;z-index:1}.philosophy-closing-line{font-size:var(--fs-title-lg);font-weight:var(--fw-bold);color:var(--sl-color-white);margin:0 0 .5rem;line-height:1.3}.philosophy-closing .hero-actions{margin-top:2rem}@media(max-width:640px){.philosophy-flow{flex-direction:column;align-items:center}.philosophy-flow-arrow{transform:rotate(90deg);margin-top:0}.philosophy-flow-step{max-width:100%}.philosophy-stats{flex-direction:column;gap:2rem}}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/skills/_astro/inter-cyrillic-ext-wght-normal.BOeWTOD4.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/skills/_astro/inter-cyrillic-wght-normal.DqGufNeO.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/skills/_astro/inter-greek-ext-wght-normal.DlzME5K_.woff2) format("woff2-variations");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/skills/_astro/inter-greek-wght-normal.CkhJZR-_.woff2) format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/skills/_astro/inter-vietnamese-wght-normal.CBcvBZtf.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/skills/_astro/inter-latin-ext-wght-normal.DO1Apj_S.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/skills/_astro/inter-latin-wght-normal.Dx4kXJAl.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}