@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");:root{color-scheme:light dark;--font-body: "Inter", "SF Pro Text", "SF Pro Display", "Segoe UI", sans-serif;--font-display: var(--font-body);--font-nav: var(--font-body);--bg: #ffffff;--surface: #fafafa;--surface-strong: #f4f4f4;--text: #111111;--text-secondary: #666666;--border: #e7e7e7;--border-strong: #c9c9c9;--focus-ring: #8f8f8f;--header-bg: rgba(255, 255, 255, 0.88);--callout-definition: #8ea1ff;--callout-pitfall: #f29a72;--shadow: 0 20px 44px -28px rgba(17, 17, 17, 0.25);--shadow-hover: 0 28px 56px -30px rgba(17, 17, 17, 0.35);--radius-sm: 14px;--radius-md: 20px;--radius-lg: 28px;--space-1: 8px;--space-2: 16px;--space-3: 24px;--space-4: 32px;--space-5: 48px;--space-6: 64px;--space-7: 96px;--space-8: 128px;--container: 1160px;--ease-out: cubic-bezier(0.2, 0.7, 0.2, 1);--mega-ease: cubic-bezier(0.22, 1, 0.36, 1);--mega-bg: rgba(255, 255, 255, 0.82)}@media (prefers-color-scheme: dark){html:not([data-theme="light"]){--bg: #0d0d0d;--surface: #141414;--surface-strong: #1b1b1b;--text: #f5f5f5;--text-secondary: #b5b5b5;--border: #2a2a2a;--border-strong: #4a4a4a;--focus-ring: #6d6d6d;--header-bg: rgba(13, 13, 13, 0.88);--callout-definition: #6d85ff;--callout-pitfall: #ea8c62;--shadow: 0 24px 48px -30px rgba(0, 0, 0, 0.55);--shadow-hover: 0 34px 60px -28px rgba(0, 0, 0, 0.7);--mega-bg: rgba(20, 20, 20, 0.82)}}html[data-theme="dark"]{--bg: #0d0d0d;--surface: #141414;--surface-strong: #1b1b1b;--text: #f5f5f5;--text-secondary: #b5b5b5;--border: #2a2a2a;--border-strong: #4a4a4a;--focus-ring: #6d6d6d;--header-bg: rgba(13, 13, 13, 0.88);--callout-definition: #6d85ff;--callout-pitfall: #ea8c62;--shadow: 0 24px 48px -30px rgba(0, 0, 0, 0.55);--shadow-hover: 0 34px 60px -28px rgba(0, 0, 0, 0.7);--mega-bg: rgba(20, 20, 20, 0.82)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--font-body);font-size:15px;line-height:1.55;background:var(--bg);color:var(--text);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;transition:background-color 250ms ease, color 250ms ease;background-image:radial-gradient(circle at 10% -20%, rgba(120,120,120,0.08), transparent 46%)}a{color:inherit}p,li{color:var(--text-secondary)}h1,h2,h3,h4{margin:0;color:var(--text);font-family:var(--font-display);line-height:1.12;letter-spacing:-0.02em}h1{font-size:clamp(1.95rem, 4.8vw, 2.85rem);font-weight:650}h2{font-size:clamp(1.65rem, 3.4vw, 2.15rem);font-weight:620}h3{font-size:clamp(1rem, 1.55vw, 1.3rem);font-weight:580}.small-label,.card-meta,.tag,.theme-toggle,.site-nav a,.section-eyebrow{font-size:13px;letter-spacing:0.03em}.site-header{position:sticky;top:0;z-index:40;border-bottom:1px solid var(--border);background:var(--header-bg);backdrop-filter:blur(12px);transition:transform 420ms var(--ease-out),opacity 420ms var(--ease-out);overflow:visible}.site-header,.site-main,.site-footer{transition:opacity 560ms var(--ease-out),transform 560ms var(--ease-out)}body.intro-pending .site-header,body.intro-pending .site-main,body.intro-pending .site-footer{opacity:0;transform:translateY(12px);pointer-events:none}body.intro-complete .site-header,body.intro-complete .site-main,body.intro-complete .site-footer{opacity:1;transform:translateY(0);pointer-events:auto}body.route-leaving .site-header,body.route-leaving .site-main,body.route-leaving .site-footer{opacity:0;transform:translateY(10px) scale(0.998);pointer-events:none;transition-duration:180ms}body.route-leaving .scroll-progress{opacity:0;transition:opacity 180ms var(--ease-out)}.intro-screen{position:fixed;inset:0;z-index:120;display:grid;place-items:center;background:var(--bg);overflow:hidden}.intro-screen::before{content:"";position:absolute;inset:-30%;background:radial-gradient(circle at 50% 42%, rgba(120,120,120,0.16), transparent 52%);opacity:0}.intro-screen::after{content:"";position:absolute;left:50%;bottom:22%;width:min(280px, 42vw);height:1px;transform:translateX(-50%) scaleX(0.4);opacity:0;background:linear-gradient(90deg, transparent, var(--text), transparent)}.intro-screen__inner{position:relative;text-align:center;padding:var(--space-4)}.intro-screen__name{margin:0;color:var(--text);font-size:clamp(2.1rem, 9vw, 4.3rem);letter-spacing:0.38em;text-transform:uppercase;font-weight:680;opacity:0;transform:translateY(24px) scale(0.98);filter:blur(10px)}.intro-screen__subtitle{margin:var(--space-2) 0 0;color:var(--text-secondary);font-size:14px;letter-spacing:0.18em;text-transform:uppercase;opacity:0;transform:translateY(8px)}body.intro-started .intro-screen::before{animation:introAmbient 1800ms var(--ease-out) forwards}body.intro-started .intro-screen__name{animation:introNameReveal 1600ms cubic-bezier(0.16, 0.8, 0.24, 1) forwards}body.intro-started .intro-screen__subtitle{animation:introSubReveal 900ms var(--ease-out) 540ms forwards}body.intro-started .intro-screen::after{animation:introLineReveal 1200ms var(--ease-out) 220ms forwards}body.intro-complete .intro-screen{opacity:0;visibility:hidden;transition:opacity 720ms var(--ease-out),visibility 720ms var(--ease-out)}.scroll-progress{position:fixed;left:0;top:0;width:100%;height:2px;z-index:60;pointer-events:none;background:transparent;opacity:0;transition:opacity 420ms var(--ease-out)}body.intro-complete .scroll-progress{opacity:1}#scroll-progress-bar{display:block;width:100%;height:100%;background:var(--text);transform:scaleX(0);transform-origin:left center;opacity:0.65;transition:transform 140ms linear}.site-header__inner,.site-main,.site-footer{width:min(var(--container), calc(100% - var(--space-5)));margin:0 auto}.site-header__inner{min-height:72px;display:flex;align-items:center;gap:var(--space-3)}.site-title{text-decoration:none;font-size:15px;font-weight:620;letter-spacing:0.08em}.site-title,.site-nav__item,.theme-toggle,.mega-col h3,.mega-col a{font-family:var(--font-nav)}.site-nav{margin-left:auto;display:flex;align-items:center;gap:var(--space-3)}.site-nav a,.site-nav__item{text-decoration:none;color:var(--text-secondary);font-weight:520;transition:color 260ms var(--ease-out);position:relative;padding-block:6px}.site-nav a:hover,.site-nav a:focus-visible,.site-nav__item:hover,.site-nav__item:focus-visible,.site-nav__item.is-active{color:var(--text)}.mega-shell{position:absolute;left:0;right:0;top:100%;border-top:1px solid var(--border);background:var(--mega-bg);background:linear-gradient(180deg, color-mix(in srgb, var(--bg) 62%, transparent), color-mix(in srgb, var(--bg) 34%, transparent)),var(--mega-bg);backdrop-filter:blur(24px) saturate(122%);box-shadow:0 28px 62px -36px rgba(0,0,0,0.45);opacity:0;visibility:hidden;pointer-events:none;filter:blur(6px);clip-path:inset(0 0 100% 0 round 0 0 28px 28px);transform:perspective(1400px) translateY(-30px) rotateX(-14deg) scale(0.955);transform-origin:top center;will-change:transform, opacity, filter, clip-path;transition:opacity 760ms var(--mega-ease),transform 1250ms var(--mega-ease),filter 1250ms var(--mega-ease),clip-path 1250ms var(--mega-ease),visibility 760ms var(--mega-ease)}.mega-shell::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--text) 26%, transparent), transparent);opacity:0.42;pointer-events:none}.mega-shell::after{content:"";position:absolute;inset:0;background:radial-gradient(120% 100% at 50% -10%, color-mix(in srgb, var(--text) 8%, transparent), transparent 58%),linear-gradient(180deg, transparent 0%, color-mix(in srgb, var(--bg) 34%, transparent) 100%);opacity:0.6;pointer-events:none}.site-header.is-mega-open .mega-shell{opacity:1;visibility:visible;pointer-events:auto;filter:blur(0);clip-path:inset(0 0 0 0 round 0 0 28px 28px);transform:perspective(1400px) translateY(0) rotateX(0deg) scale(1);box-shadow:0 54px 112px -54px rgba(0,0,0,0.58)}.mega-panel{max-width:min(var(--container), calc(100% - var(--space-5)));margin:0 auto;padding:30px 0 34px;display:none;grid-template-columns:repeat(3, minmax(0, 1fr));gap:28px}.mega-panel.is-active{display:grid;animation:megaPanelIn 980ms var(--mega-ease)}.mega-panel--single{grid-template-columns:1fr}.mega-col--solo{display:flex;align-items:center}.mega-col--list{display:flex;flex-direction:column;align-items:flex-start;gap:10px}.mega-col--stack{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px}.mega-primary-link{display:inline-flex;align-items:center;text-decoration:none;color:var(--text);font-size:15px;font-weight:560;letter-spacing:0.01em;transition:opacity 200ms var(--ease-out),transform 200ms var(--ease-out)}.mega-primary-link--root{font-weight:760;color:var(--text);letter-spacing:0.035em;text-transform:uppercase;font-size:12px;padding:8px 12px;border:1px solid color-mix(in srgb, var(--text) 12%, transparent);border-radius:999px;background:color-mix(in srgb, var(--surface) 82%, transparent);box-shadow:0 10px 18px -16px rgba(0,0,0,0.35)}.mega-primary-link--root:hover,.mega-primary-link--root:focus-visible{opacity:1;border-color:color-mix(in srgb, var(--text) 22%, transparent);background:color-mix(in srgb, var(--surface-strong) 86%, transparent)}.mega-primary-link:hover,.mega-primary-link:focus-visible{opacity:0.78;transform:translateX(2px)}.mega-col h3{margin:0 0 12px;color:var(--text);font-size:13px;letter-spacing:0.04em;text-transform:uppercase;font-weight:620}.mega-col a{display:block;margin-top:8px;text-decoration:none;color:var(--text-secondary);font-size:14px;line-height:1.4;transition:color 200ms var(--ease-out),transform 200ms var(--ease-out)}.mega-col a:hover,.mega-col a:focus-visible{color:var(--text);transform:translateX(2px)}.theme-toggle{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:999px;height:38px;min-width:82px;padding:0 var(--space-2);font-weight:520;cursor:pointer;transition:transform 260ms var(--ease-out),background-color 260ms var(--ease-out),border-color 260ms var(--ease-out)}.theme-toggle:hover,.theme-toggle:focus-visible{transform:translateY(-1px);border-color:var(--border-strong)}.site-main{padding-block:var(--space-6)}.page-heading{margin-bottom:var(--space-5)}.page-heading h1{font-size:clamp(2rem, 3.8vw, 2.8rem)}.section-block{margin-top:var(--space-7)}.section-block:first-of-type{margin-top:0}.section-head{margin-bottom:var(--space-4);max-width:780px}.section-eyebrow{margin:0 0 var(--space-2);color:var(--text-secondary);text-transform:uppercase;font-weight:580}.section-description{margin:var(--space-3) 0 0;color:var(--text-secondary);max-width:78ch}.hero{--hero-parallax-x: 0px;--hero-parallax-y: 0px;text-align:center;padding-top:var(--space-5);padding-bottom:var(--space-6);position:relative;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);min-height:clamp(390px, 56vh, 560px);display:flex;align-items:center;overflow:hidden;isolation:isolate;border:none;background:radial-gradient(54% 56% at 8% 16%, rgba(88,148,238,0.22), rgba(88,148,238,0) 72%),radial-gradient(52% 54% at 92% 14%, rgba(172,92,230,0.2), rgba(172,92,230,0) 72%),radial-gradient(58% 58% at 52% 90%, rgba(236,108,174,0.18), rgba(236,108,174,0) 72%),radial-gradient(48% 52% at 24% 80%, rgba(232,92,110,0.16), rgba(232,92,110,0) 72%),radial-gradient(64% 68% at 72% 70%, rgba(255,255,255,0.72), rgba(255,255,255,0) 74%),linear-gradient(122deg, #fff 0%, #fbf6ff 34%, #fff6fb 64%, #f5faff 100%);background-size:170% 170%, 180% 180%, 180% 180%, 170% 170%, 200% 200%, 260% 260%;background-position:10% 12%, 88% 8%, 50% 92%, 22% 78%, 72% 68%, 0% 50%;animation:heroBaseFlow 8s linear infinite;box-shadow:0 22px 46px -34px rgba(92,62,145,0.16),inset 0 0 120px rgba(255,255,255,0.24)}.hero-container{width:min(var(--container), calc(100% - var(--space-5)));margin:0 auto;transform:translate3d(calc(var(--hero-parallax-x) * -0.18), calc(var(--hero-parallax-y) * -0.18), 0);transition:transform 680ms var(--ease-out);will-change:transform}.hero>:not(.hero__glow){position:relative;z-index:2}.hero__glow{position:absolute;inset:-26% -18% -10%;pointer-events:none;z-index:0;filter:blur(52px) saturate(131%) contrast(103%);opacity:0.54;transform:translate3d(var(--hero-parallax-x), var(--hero-parallax-y), 0);transition:transform 760ms cubic-bezier(0.22, 1, 0.36, 1);will-change:transform}.hero__glow::before,.hero__glow::after{content:"";position:absolute;inset:0;border-radius:50%;will-change:transform}.hero__glow::before{background:radial-gradient(42% 44% at 16% 24%, rgba(78,145,240,0.64) 0%, rgba(78,145,240,0) 74%),radial-gradient(40% 40% at 84% 20%, rgba(170,98,232,0.6) 0%, rgba(170,98,232,0) 74%),radial-gradient(46% 44% at 62% 82%, rgba(240,108,182,0.56) 0%, rgba(240,108,182,0) 76%),radial-gradient(44% 42% at 28% 78%, rgba(236,92,114,0.5) 0%, rgba(236,92,114,0) 74%),radial-gradient(58% 54% at 74% 70%, rgba(255,255,255,0.74) 0%, rgba(255,255,255,0) 78%),linear-gradient(120deg, rgba(106,158,242,0.25), rgba(182,108,240,0.23), rgba(238,118,186,0.22), rgba(255,255,255,0.22));background-size:250% 250%;background-position:34% 46%;animation:heroGradientDrift 6.8s ease-in-out infinite, heroGradientFlow 7.8s linear infinite}.hero__glow::after{inset:6% -4% -10%;background:radial-gradient(38% 40% at 24% 66%, rgba(72,142,244,0.52) 0%, rgba(72,142,244,0) 72%),radial-gradient(38% 38% at 74% 64%, rgba(168,92,236,0.48) 0%, rgba(168,92,236,0) 74%),radial-gradient(36% 36% at 52% 14%, rgba(238,96,176,0.45) 0%, rgba(238,96,176,0) 74%),radial-gradient(34% 34% at 42% 90%, rgba(232,88,106,0.41) 0%, rgba(232,88,106,0) 76%),radial-gradient(52% 52% at 68% 28%, rgba(255,255,255,0.62) 0%, rgba(255,255,255,0) 76%),linear-gradient(136deg, rgba(80,150,238,0.2), rgba(176,96,238,0.18), rgba(236,98,172,0.18), rgba(255,255,255,0.18));background-size:230% 230%;background-position:62% 54%;animation:heroGradientDriftAlt 7.4s ease-in-out infinite, heroGradientFlowAlt 8.6s linear infinite}.hero::before{content:"";position:absolute;inset:-24% -18% -12%;z-index:1;pointer-events:none;background:radial-gradient(80% 64% at 20% 30%, rgba(80,142,242,0.18), rgba(80,142,242,0) 72%),radial-gradient(70% 58% at 80% 28%, rgba(178,96,238,0.17), rgba(178,96,238,0) 74%),radial-gradient(86% 68% at 50% 84%, rgba(236,106,178,0.16), rgba(236,106,178,0) 74%),radial-gradient(66% 60% at 58% 56%, rgba(255,255,255,0.2), rgba(255,255,255,0) 76%);opacity:0.38;animation:heroAmbientPulse 6.8s ease-in-out infinite}.hero::after{content:"";position:absolute;inset:0;background:radial-gradient(130% 90% at 50% 50%, rgba(255,255,255,0) 56%, rgba(255,255,255,0.5) 100%),linear-gradient(180deg, rgba(255,255,255,0.4), rgba(255,255,255,0) 16%, rgba(255,255,255,0) 84%, rgba(255,255,255,0.42));pointer-events:none;z-index:1}.hero .section-eyebrow{color:rgba(28,24,44,0.64)}.hero__name{font-size:clamp(2.7rem, 6.8vw, 3.6rem);line-height:1;letter-spacing:-0.04em;font-weight:700;color:#161222;text-shadow:0 4px 16px rgba(255,255,255,0.36)}.hero__tagline{margin:var(--space-3) auto 0;color:var(--text);font-size:clamp(0.92rem, 1.35vw, 1.04rem);max-width:32ch}.hero__support{margin:var(--space-2) auto 0;max-width:58ch;color:rgba(26,24,40,0.76)}.hero__actions{margin-top:var(--space-3);display:inline-flex;flex-wrap:wrap;justify-content:center;gap:var(--space-2)}.btn{border-radius:999px;border:1px solid var(--border);display:inline-flex;align-items:center;justify-content:center;padding:10px 16px;font-size:14px;font-weight:560;text-decoration:none;transition:transform 260ms var(--ease-out),box-shadow 260ms var(--ease-out),border-color 260ms var(--ease-out),background-color 260ms var(--ease-out)}.btn:hover,.btn:focus-visible{transform:translateY(-2px);box-shadow:var(--shadow)}.btn--primary{background:var(--text);color:var(--bg);border-color:var(--text)}.btn--ghost,.btn--inverse{background:var(--surface);color:var(--text)}.hero .btn--primary{background:#101014;color:#ffffff;border-color:#101014}.hero .btn--ghost,.hero .btn--inverse{background:rgba(255,255,255,0.7);color:#161222;border-color:rgba(46,34,74,0.18)}.hero__actions .hero-icon-btn{width:44px;height:44px;padding:0;border-radius:999px}html[data-theme="dark"] .hero{border:none;background:radial-gradient(130% 90% at 2% 8%, rgba(41,95,211,0.3), transparent 50%),radial-gradient(110% 88% at 96% 10%, rgba(109,36,160,0.28), transparent 46%),radial-gradient(120% 92% at 58% 96%, rgba(167,37,92,0.22), transparent 58%),linear-gradient(122deg, #11172d 0%, #231533 34%, #3b1b43 64%, #21102d 100%);box-shadow:0 30px 58px -42px rgba(0,0,0,0.48)}html[data-theme="dark"] .hero__glow{filter:blur(58px) saturate(125%) contrast(103%);opacity:0.5}html[data-theme="dark"] .hero__glow::before{background:linear-gradient(118deg, rgba(74,136,255,0.26), rgba(167,92,255,0.24), rgba(244,106,182,0.22), rgba(255,86,86,0.2), rgba(96,165,250,0.24)),radial-gradient(46% 46% at 18% 24%, rgba(74,136,255,0.34) 0%, rgba(74,136,255,0) 74%),radial-gradient(42% 42% at 82% 20%, rgba(167,92,255,0.32) 0%, rgba(167,92,255,0) 74%),radial-gradient(44% 44% at 66% 80%, rgba(244,106,182,0.3) 0%, rgba(244,106,182,0) 76%),radial-gradient(46% 46% at 28% 78%, rgba(255,86,86,0.26) 0%, rgba(255,86,86,0) 74%)}html[data-theme="dark"] .hero__glow::after{background:linear-gradient(138deg, rgba(96,165,250,0.18), rgba(194,112,255,0.18), rgba(244,114,182,0.16), rgba(122,162,255,0.18)),radial-gradient(42% 42% at 22% 66%, rgba(92,142,255,0.28) 0%, rgba(92,142,255,0) 72%),radial-gradient(38% 38% at 72% 66%, rgba(194,112,255,0.26) 0%, rgba(194,112,255,0) 74%),radial-gradient(36% 36% at 52% 16%, rgba(255,118,188,0.24) 0%, rgba(255,118,188,0) 74%),radial-gradient(38% 38% at 42% 88%, rgba(255,106,106,0.22) 0%, rgba(255,106,106,0) 76%)}html[data-theme="dark"] .hero .section-eyebrow{color:rgba(230,235,245,0.74)}html[data-theme="dark"] .hero__name{color:#f4f6fb;text-shadow:0 6px 20px rgba(0,0,0,0.36)}html[data-theme="dark"] .hero__support{color:rgba(227,231,241,0.9)}html[data-theme="dark"] .hero .btn--primary{background:#f4f6fa;color:#0e1117;border-color:rgba(255,255,255,0.28)}html[data-theme="dark"] .hero .btn--ghost,html[data-theme="dark"] .hero .btn--inverse{background:rgba(7,9,14,0.76);color:#edf1f8}html[data-theme="dark"] .hero::before{background:radial-gradient(78% 64% at 50% 46%, rgba(7,5,14,0.34), rgba(7,5,14,0) 70%),radial-gradient(110% 78% at 50% 112%, rgba(4,3,10,0.3), rgba(4,3,10,0) 74%);opacity:0.32}.cards-grid{display:grid;gap:var(--space-3);grid-template-columns:repeat(12, minmax(0, 1fr))}.cards-grid>*{grid-column:span 4}.category-card{grid-column:span 4;text-decoration:none}.premium-card{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);padding:20px;box-shadow:var(--shadow);transition:transform 320ms var(--ease-out),box-shadow 320ms var(--ease-out),border-color 280ms var(--ease-out);position:relative;overflow:hidden;isolation:isolate}.premium-card::before{content:"";position:absolute;inset:0;background:linear-gradient(118deg, transparent 28%, rgba(255,255,255,0.35) 49%, transparent 72%);opacity:0;transform:translateX(-14%);pointer-events:none;transition:opacity 340ms var(--ease-out),transform 460ms var(--ease-out);z-index:2}.premium-card::after,.notes-card::after,.blog-card::after,.concept-card::after{content:"";position:absolute;inset:-34% -26%;pointer-events:none;z-index:0;opacity:0;transform:translateY(8px) scale(0.96);filter:blur(22px) saturate(126%) contrast(102%);background:radial-gradient(42% 42% at 20% 24%, rgba(86,148,240,0.34) 0%, rgba(86,148,240,0) 74%),radial-gradient(38% 38% at 82% 22%, rgba(170,96,232,0.32) 0%, rgba(170,96,232,0) 74%),radial-gradient(44% 42% at 64% 82%, rgba(236,108,182,0.3) 0%, rgba(236,108,182,0) 76%),radial-gradient(40% 40% at 30% 78%, rgba(230,92,114,0.26) 0%, rgba(230,92,114,0) 74%),radial-gradient(56% 54% at 70% 66%, rgba(255,255,255,0.48) 0%, rgba(255,255,255,0) 78%);background-size:240% 240%;background-position:34% 46%;transition:opacity 360ms var(--ease-out),transform 420ms var(--ease-out)}.premium-card>*,.notes-card>*,.blog-card>*,.concept-card>*{position:relative;z-index:1}.premium-card:hover,.premium-card:focus-within{transform:translateY(-4px);box-shadow:var(--shadow-hover);border-color:var(--border-strong)}.premium-card:hover::before,.premium-card:focus-within::before{opacity:1;transform:translateX(0)}.premium-card:hover::after,.premium-card:focus-within::after,.notes-card:hover::after,.notes-card:focus-visible::after,.blog-card:hover::after,.blog-card:focus-visible::after,.concept-card:hover::after,.concept-card:focus-visible::after{opacity:0.82;transform:translateY(0) scale(1);animation:cardAuraDrift 7.2s linear infinite, cardAuraPulse 3.4s ease-in-out infinite}.premium-card:focus-visible,.notes-card:focus-visible,.blog-card:focus-visible,.concept-card:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.card-meta{margin:0;color:var(--text-secondary);font-weight:540;font-size:13px}.card-title{margin-top:var(--space-2);font-size:clamp(0.98rem, 1.42vw, 1.2rem)}.card-summary{margin:var(--space-2) 0 0;color:var(--text-secondary);font-size:14px}.card-tags,.skills-cloud,.project-stack{margin-top:var(--space-3);display:flex;flex-wrap:wrap;gap:10px}.tag{display:inline-flex;align-items:center;border:1px solid var(--border);background:var(--surface-strong);border-radius:999px;padding:5px 9px;color:var(--text-secondary);font-weight:540;font-size:12px}.card-link,.inline-link{margin-top:var(--space-3);display:inline-flex;align-items:center;gap:8px;text-decoration:none;color:var(--text);font-weight:560;font-size:13px}.card-link::after,.inline-link::after{content:"\2192";transition:transform 260ms var(--ease-out)}.card-link:hover::after,.inline-link:hover::after,.card-link:focus-visible::after,.inline-link:focus-visible::after{transform:translateX(3px)}.project-card{min-height:260px;display:flex;flex-direction:column}.project-card .card-summary{max-width:40ch}.project-card .card-link{margin-top:auto}.notes-grid,.blog-grid{display:grid;gap:var(--space-3);grid-template-columns:repeat(2, minmax(0, 1fr))}.experience-layout{display:grid;gap:var(--space-3);grid-template-columns:repeat(12, minmax(0, 1fr))}.experience-layout>*{grid-column:span 6}.experience-list{margin:var(--space-3) 0 0;padding:0;list-style:none;display:grid;gap:var(--space-2)}.experience-list li{display:flex;justify-content:space-between;gap:var(--space-2);border-bottom:1px solid var(--border);padding-bottom:var(--space-2)}.experience-list strong{color:var(--text);font-weight:580}.cv-actions{margin-top:var(--space-3);display:inline-flex;gap:var(--space-2);flex-wrap:wrap}.cv-target-block{margin-top:var(--space-5)}.cv-target-card{max-width:860px}.cv-target-card .card-title{margin-top:8px}.cv-experience-list{display:grid;gap:var(--space-3)}.cv-role-card{border-left:2px solid var(--border-strong)}.cv-role-card .card-title{margin-top:10px}.cv-list{margin:var(--space-2) 0 0;padding-left:1.1rem;display:grid;gap:8px}.cv-list li{color:var(--text-secondary)}.cv-list--tight li{margin:0}.cv-skills-grid{display:grid;gap:var(--space-3);grid-template-columns:repeat(3, minmax(0, 1fr))}.cv-bottom-grid{display:grid;gap:var(--space-3);grid-template-columns:repeat(2, minmax(0, 1fr))}.contact-panel{text-align:center;padding:var(--space-6) var(--space-4)}.contact-panel .section-description{margin-left:auto;margin-right:auto}.contact-links{margin-top:var(--space-3);display:flex;justify-content:center;flex-wrap:wrap;gap:var(--space-2)}.contact-links a{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;padding:10px 16px;border-radius:999px;border:1px solid var(--border);background:var(--surface);font-size:15px;font-weight:550;transition:transform 220ms var(--ease-out),border-color 220ms var(--ease-out)}.contact-links .contact-icon-link{width:44px;height:44px;padding:0;border-radius:999px}.contact-icon{width:20px;height:20px;fill:currentColor}.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}.contact-links a:hover,.contact-links a:focus-visible{transform:translateY(-2px);border-color:var(--border-strong)}.page-intro{max-width:980px;margin-bottom:var(--space-4)}.filter-wrap{margin-bottom:var(--space-4)}.filter-input{width:min(560px, 100%);height:52px;border-radius:999px;border:1px solid var(--border);padding:0 var(--space-3);font-size:16px;color:var(--text);background:var(--surface)}.filter-input:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.filter-empty{margin-top:var(--space-2)}.notes-list,.blog-list,.concept-list{display:grid;gap:var(--space-3)}.notes-card,.blog-card,.concept-card{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);padding:var(--space-3);text-decoration:none;box-shadow:var(--shadow);position:relative;overflow:hidden;isolation:isolate;transition:transform 260ms var(--ease-out),box-shadow 260ms var(--ease-out)}.notes-card:hover,.blog-card:hover,.concept-card:hover,.notes-card:focus-visible,.blog-card:focus-visible,.concept-card:focus-visible{transform:translateY(-3px);box-shadow:var(--shadow-hover)}.concept-card__meta,.note-meta{margin:0;color:var(--text-secondary);font-size:14px}.detail-shell{max-width:920px;margin:0 auto}.project-backlink,.notes-backlink{display:inline-flex;align-items:center;gap:6px;text-decoration:none;color:var(--text);font-size:14px;font-weight:560;border:1px solid var(--border);border-radius:999px;padding:8px 12px;background:var(--surface);transition:transform 240ms var(--ease-out),border-color 240ms var(--ease-out),background-color 240ms var(--ease-out)}.project-backlink::before,.notes-backlink::before{content:"\2190"}.project-backlink:hover,.project-backlink:focus-visible,.notes-backlink:hover,.notes-backlink:focus-visible{transform:translateY(-1px);border-color:var(--border-strong);background:var(--surface-strong)}.minimal-kicker,.minimal-intro{margin:var(--space-2) 0}.minimal-kicker{font-size:14px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:0.04em;font-weight:560}.minimal-intro{max-width:66ch}.detail-chips{display:flex;flex-wrap:wrap;gap:10px;margin:var(--space-3) 0}.detail-chip{border:1px solid var(--border);border-radius:999px;padding:6px 12px;background:var(--surface-strong);font-size:14px;transition:transform 220ms var(--ease-out),border-color 220ms var(--ease-out),background-color 220ms var(--ease-out)}.detail-chip:hover,.detail-chip:focus-within{transform:translateY(-1px);border-color:var(--border-strong)}.detail-chip__label{color:var(--text);font-weight:560}.detail-chip__value{color:var(--text-secondary)}.detail-nav{display:flex;flex-wrap:wrap;gap:10px;margin:var(--space-4) 0 var(--space-3)}.detail-nav a{border:1px solid var(--border);border-radius:999px;padding:8px 13px;text-decoration:none;font-size:14px;color:var(--text-secondary);transition:transform 260ms var(--ease-out),border-color 260ms var(--ease-out),background-color 260ms var(--ease-out),color 260ms var(--ease-out),box-shadow 260ms var(--ease-out)}.detail-nav a.is-active,.detail-nav a:hover,.detail-nav a:focus-visible{color:var(--text);border-color:var(--border-strong);background:var(--surface-strong);transform:translateY(-1px);box-shadow:0 14px 26px -20px rgba(0,0,0,0.38)}.detail-block{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);padding:var(--space-4);box-shadow:var(--shadow);transform-origin:top center}.detail-block.is-active{animation:detailBlockIn 560ms var(--mega-ease)}.detail-block.is-active>*{opacity:0;transform:translateY(8px);animation:detailBlockContentIn 500ms var(--mega-ease) forwards;animation-delay:70ms}.detail-block.is-active>*:nth-child(2){animation-delay:110ms}.detail-block.is-active>*:nth-child(3){animation-delay:150ms}.detail-block.is-active>*:nth-child(4){animation-delay:190ms}.detail-block+.detail-block{margin-top:var(--space-3)}.detail-block[hidden]{display:none}.detail-list{margin:0;padding-left:1.1rem}.detail-list li+li{margin-top:10px}.project-points{display:grid;gap:var(--space-2)}.project-points p{margin:0}.project-links{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center}.detail-metric-grid{display:grid;gap:var(--space-2);grid-template-columns:repeat(3, minmax(0, 1fr))}.detail-metric{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-strong);padding:var(--space-2)}.detail-metric__label{margin:0;font-size:14px;color:var(--text-secondary)}.detail-metric h3{margin-top:10px;font-size:1.25rem}.detail-metric p{margin:10px 0 0}.project-link-muted{font-size:14px}.note-article{max-width:860px;margin:0 auto}.note-article h2{margin-top:var(--space-5);font-size:clamp(1.55rem, 2.7vw, 2.1rem)}.note-article ul,.note-article ol{padding-left:1.2rem}.note-callout{border-left:2px solid var(--border);background:var(--surface-strong);border-radius:0 var(--radius-sm) var(--radius-sm) 0;padding:var(--space-2);margin:var(--space-3) 0}.note-callout--definition{border-left-color:var(--callout-definition)}.note-callout--pitfall{border-left-color:var(--callout-pitfall)}.note-summary,.note-related{margin-top:var(--space-4);padding-top:var(--space-3);border-top:1px solid var(--border)}.site-footer{margin-top:var(--space-6);padding:var(--space-4) 0;border-top:1px solid var(--border)}.site-footer p{margin:0;font-size:14px}html.js [data-reveal]{opacity:0;transform:translateY(26px) scale(0.992);filter:blur(7px)}html.js [data-reveal].is-visible{opacity:1;transform:translateY(0) scale(1);filter:blur(0);transition:opacity 360ms var(--ease-out),transform 560ms var(--ease-out),filter 460ms var(--ease-out);transition-delay:calc(var(--reveal-index, 0) * 62ms)}.cards-grid>[data-reveal].is-visible,.notes-grid>[data-reveal].is-visible,.blog-grid>[data-reveal].is-visible,.notes-list>[data-reveal].is-visible,.blog-list>[data-reveal].is-visible,.concept-list>[data-reveal].is-visible{transition-delay:calc((var(--card-stagger-row, 0) * 80ms) + (var(--card-stagger-col, 0) * 42ms) + 40ms)}@media (max-width: 1024px){.cards-grid>*{grid-column:span 6}.experience-layout>*{grid-column:span 12}.detail-metric-grid{grid-template-columns:1fr}.cv-skills-grid{grid-template-columns:repeat(2, minmax(0, 1fr))}}@media (max-width: 900px){.mega-shell{display:none}}@media (max-width: 760px){body{font-size:14px}.site-header__inner,.site-main,.site-footer{width:min(var(--container), calc(100% - var(--space-4)))}.site-header__inner{min-height:64px;gap:var(--space-2);flex-wrap:wrap;padding-block:var(--space-2)}.site-nav{order:3;width:100%;margin-left:0;gap:var(--space-2);flex-wrap:wrap}.hero{padding-top:var(--space-4);padding-bottom:var(--space-5);min-height:clamp(340px, 52vh, 480px)}.hero-container{width:min(var(--container), calc(100% - var(--space-4)))}.hero__actions{width:100%}.hero__actions .btn{flex:1 1 200px}.cards-grid,.notes-grid,.blog-grid,.cv-skills-grid,.cv-bottom-grid{grid-template-columns:1fr}.cards-grid>*{grid-column:span 1}.section-block{margin-top:var(--space-7)}}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}.intro-screen{display:none}body.intro-pending .site-header,body.intro-pending .site-main,body.intro-pending .site-footer{opacity:1;transform:none;pointer-events:auto}html.js [data-reveal],html.js [data-reveal].is-visible{opacity:1;transform:none;filter:none;transition:none}.premium-card,.notes-card,.blog-card,.concept-card,.btn,.theme-toggle,.contact-links a,.card-link::after,.inline-link::after{transition:none}.mega-shell,.mega-panel,.mega-col a,.mega-col h3,.project-backlink,.notes-backlink,.detail-nav a,.detail-chip,.detail-block,.detail-metric{transition:none;animation:none}.detail-block.is-active>*{animation:none;opacity:1;transform:none}.hero__glow::before,.hero__glow::after,.hero::before{animation:none}.premium-card::after,.notes-card::after,.blog-card::after,.concept-card::after{animation:none;transition:none}}@keyframes megaPanelIn{from{opacity:0;transform:perspective(1200px) translateY(-30px) rotateX(-12deg) scale(0.97);filter:blur(8px)}to{opacity:1;transform:perspective(1200px) translateY(0) rotateX(0deg) scale(1);filter:blur(0)}}@keyframes detailBlockIn{from{opacity:0;transform:translateY(12px) scale(0.99);filter:blur(4px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}@keyframes detailBlockContentIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes heroGradientDrift{0%{transform:translate3d(-10%, -6%, 0) scale(1.02) rotate(-5deg)}14%{transform:translate3d(8%, -8%, 0) scale(1.14) rotate(2deg)}28%{transform:translate3d(10%, 6%, 0) scale(1.09) rotate(6deg)}42%{transform:translate3d(-6%, 8%, 0) scale(1.18) rotate(-1deg)}57%{transform:translate3d(-12%, -2%, 0) scale(1.06) rotate(-6deg)}71%{transform:translate3d(6%, -10%, 0) scale(1.15) rotate(2deg)}85%{transform:translate3d(11%, 3%, 0) scale(1.1) rotate(5deg)}100%{transform:translate3d(-10%, -6%, 0) scale(1.02) rotate(-5deg)}}@keyframes heroGradientDriftAlt{0%{transform:translate3d(8%, 6%, 0) scale(1) rotate(4deg)}16%{transform:translate3d(2%, -8%, 0) scale(1.14) rotate(-2deg)}32%{transform:translate3d(-9%, -7%, 0) scale(1.09) rotate(-5deg)}48%{transform:translate3d(-6%, 9%, 0) scale(1.18) rotate(0deg)}64%{transform:translate3d(6%, 10%, 0) scale(1.08) rotate(5deg)}80%{transform:translate3d(10%, -2%, 0) scale(1.14) rotate(2deg)}100%{transform:translate3d(8%, 6%, 0) scale(1) rotate(4deg)}}@keyframes heroBaseFlow{0%{background-position:10% 12%, 88% 8%, 50% 92%, 22% 78%, 72% 68%, 0% 50%}12%{background-position:20% 8%, 80% 16%, 56% 88%, 18% 70%, 78% 62%, 24% 42%}24%{background-position:6% 18%, 92% 12%, 62% 82%, 30% 84%, 64% 74%, 46% 56%}36%{background-position:16% 24%, 76% 6%, 48% 94%, 38% 72%, 58% 62%, 62% 48%}48%{background-position:24% 10%, 86% 18%, 56% 86%, 14% 82%, 76% 56%, 78% 40%}60%{background-position:8% 20%, 94% 8%, 46% 80%, 26% 66%, 68% 78%, 54% 60%}72%{background-position:18% 14%, 74% 14%, 60% 90%, 34% 86%, 82% 66%, 30% 46%}84%{background-position:12% 6%, 90% 20%, 52% 84%, 20% 74%, 70% 60%, 14% 54%}100%{background-position:10% 12%, 88% 8%, 50% 92%, 22% 78%, 72% 68%, 0% 50%}}@keyframes heroGradientFlow{0%{background-position:18% 44%}20%{background-position:88% 18%}40%{background-position:74% 82%}60%{background-position:12% 70%}80%{background-position:66% 26%}100%{background-position:18% 44%}}@keyframes heroGradientFlowAlt{0%{background-position:74% 58%}20%{background-position:22% 24%}40%{background-position:86% 74%}60%{background-position:30% 82%}80%{background-position:62% 22%}100%{background-position:74% 58%}}@keyframes heroAmbientPulse{0%{opacity:0.42;transform:scale(0.98) translate3d(-3%, 1%, 0)}25%{opacity:0.58;transform:scale(1.05) translate3d(4%, -3%, 0)}50%{opacity:0.5;transform:scale(1.08) translate3d(-2%, 4%, 0)}75%{opacity:0.62;transform:scale(1.03) translate3d(5%, 2%, 0)}100%{opacity:0.42;transform:scale(0.98) translate3d(-3%, 1%, 0)}}@keyframes cardAuraDrift{0%{background-position:28% 44%}20%{background-position:86% 20%}40%{background-position:74% 84%}60%{background-position:16% 76%}80%{background-position:64% 24%}100%{background-position:28% 44%}}@keyframes cardAuraPulse{0%{filter:blur(20px) saturate(122%) contrast(101%)}50%{filter:blur(24px) saturate(130%) contrast(104%)}100%{filter:blur(20px) saturate(122%) contrast(101%)}}@keyframes introAmbient{0%{opacity:0;transform:scale(0.94)}100%{opacity:1;transform:scale(1.06)}}@keyframes introNameReveal{0%{opacity:0;transform:translateY(26px) scale(0.98);filter:blur(10px);letter-spacing:0.52em}60%{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}100%{opacity:1;transform:translateY(0) scale(1);filter:blur(0);letter-spacing:0.34em}}@keyframes introSubReveal{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes introLineReveal{0%{opacity:0;transform:translateX(-50%) scaleX(0.4)}40%{opacity:0.88}100%{opacity:0.5;transform:translateX(-50%) scaleX(1)}}