@import "https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap";:root{--bg-color:#f3f6f8;--sidebar-color:#fff;--text-color:#18212f;--hover-ink:#0f172a;--hover-muted:#253547;--accent-color:#0ea5e9;--accent-hover:#2563eb;--border-color:#cfd9e2;--code-bg:#0f172a;--code-text:#e2e8f0;--card-bg:#fff;--card-shadow:#0f172a1f;--muted:#435366;--page-a:#0ea5e91f;--page-b:#6366f11f;--page-c:#0f172a0d}html[data-theme=dark]{--bg-color:#121212;--sidebar-color:#1f242c;--text-color:#f3f6fb;--hover-ink:#020617;--hover-muted:#334155;--accent-color:#29b6f6;--accent-hover:#81d4fa;--border-color:#3a4655;--code-bg:#0d1117;--code-text:#c9d1d9;--card-bg:#20262f;--card-shadow:#02061780;--muted:#c4ced9;--page-a:#38bdf833;--page-b:#6366f133;--page-c:#0f172a40}*{box-sizing:border-box}html,body,#root{min-height:100%}body{color:var(--text-color);background:var(--bg-color);margin:0;font-family:Poppins,Segoe UI,sans-serif;line-height:1.6;transition:background-color .25s,color .25s;position:relative}body:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(72% 120% at 0% 0%, var(--page-a), transparent 60%), radial-gradient(62% 120% at 100% 10%, var(--page-b), transparent 62%), radial-gradient(58% 92% at 50% 100%, var(--page-c), transparent 70%);position:fixed;inset:0}a{color:inherit}.legacy-app{z-index:1;width:min(1360px,100% - 1.5rem);margin:.75rem auto;position:relative}.menu-button{background:linear-gradient(135deg, var(--accent-color), #6366f1);color:#fff;border:0;border-radius:.85rem;margin-bottom:.65rem;padding:.6rem .85rem;font-family:inherit;font-weight:600;display:none}.layout{grid-template-columns:290px minmax(0,1fr);align-items:start;gap:1rem;display:grid}.sidebar{background:linear-gradient(180deg, color-mix(in srgb, var(--sidebar-color), white 6%), color-mix(in srgb, var(--sidebar-color), #dbeafe 8%));border:1px solid color-mix(in srgb, var(--border-color), white 12%);box-shadow:0 24px 60px color-mix(in srgb, var(--card-shadow), transparent 20%);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:transparent transparent;border-radius:1.2rem;max-height:calc(100vh - 1.5rem);padding:1.1rem;position:sticky;top:.75rem;overflow:auto}.sidebar:hover{scrollbar-color:color-mix(in srgb, var(--accent-color), transparent 72%) transparent}.sidebar::-webkit-scrollbar{width:8px}.sidebar::-webkit-scrollbar-track{background:0 0}.sidebar::-webkit-scrollbar-thumb{background:padding-box padding-box;border:3px solid #0000;border-radius:999px}.sidebar:hover::-webkit-scrollbar-thumb{background:linear-gradient(180deg, color-mix(in srgb, var(--accent-color), transparent 68%), color-mix(in srgb, var(--accent-hover), #0f172a 48%));background-clip:padding-box}.sidebar::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg, color-mix(in srgb, var(--accent-color), transparent 52%), color-mix(in srgb, var(--accent-hover), #0f172a 34%));background-clip:padding-box}.sidebar-frame{gap:1rem;display:grid}.sidebar-header{border-bottom:1px solid color-mix(in srgb, var(--border-color), transparent 18%);gap:.45rem;padding:.2rem 0 .9rem;display:grid}.sidebar-kicker{letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin:0;font-size:.72rem;font-weight:700}.brand{background:linear-gradient(135deg,#0f172a,#2563eb 52%,#f97316);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:1.45rem;font-weight:800;line-height:1.2;text-decoration:none;display:inline-flex}.brand-caption{color:var(--muted);margin:0;font-size:.92rem;line-height:1.55}.sidebar-section{gap:.75rem;display:grid}.sidebar-section-heading{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:0;font-size:.72rem;font-weight:700}.sidebar-section-bar{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.sidebar-count{border:1px solid color-mix(in srgb, var(--accent-color), white 18%);background:linear-gradient(135deg, var(--accent-color), color-mix(in srgb, var(--accent-hover), #0f172a 20%));color:#f8fafc;min-width:2.4rem;box-shadow:0 10px 22px color-mix(in srgb, var(--accent-color), transparent 76%);text-shadow:0 1px #0f172a38;border-radius:999px;justify-content:center;align-items:center;padding:.2rem .65rem;font-size:.82rem;font-weight:800;line-height:1.1;display:inline-flex}.sidebar-links,.topic-nav{gap:.5rem;display:grid}.topic-groups{gap:.95rem;display:grid}.topic-group{gap:.55rem;display:grid}.topic-group-header{justify-content:space-between;align-items:flex-start;gap:.75rem;padding:0 .15rem;display:flex}.topic-group-title,.topic-group-description{margin:0}.topic-group-title{color:var(--text-color);font-size:.84rem;font-weight:800}.topic-group-description{color:var(--muted);margin-top:.1rem;font-size:.76rem;line-height:1.45}.topic-group-count{background:color-mix(in srgb, var(--accent-color), transparent 86%);border:1px solid color-mix(in srgb, var(--accent-color), transparent 72%);min-width:1.85rem;color:var(--accent-hover);border-radius:999px;justify-content:center;align-items:center;padding:.16rem .45rem;font-size:.75rem;font-weight:800;display:inline-flex}.sidebar-link,.topic-nav-link{color:var(--text-color);border:1px solid color-mix(in srgb, var(--border-color), transparent 15%);background:color-mix(in srgb, var(--card-bg), transparent 4%);border-radius:.95rem;grid-template-columns:auto 1fr;align-items:center;gap:.75rem;padding:.8rem .85rem;text-decoration:none;transition:transform .2s,box-shadow .2s,border-color .2s,background .2s;display:grid}.sidebar-link{grid-template-columns:1fr}.sidebar-link:hover,.topic-nav-link:hover{border-color:color-mix(in srgb, var(--accent-color), white 45%);background:color-mix(in srgb, var(--accent-color), white 92%);box-shadow:0 16px 28px color-mix(in srgb, var(--accent-color), transparent 82%);color:var(--hover-ink);transform:translateY(-2px)}.sidebar-link.active,.topic-nav-link.active{border-color:color-mix(in srgb, var(--accent-color), white 35%);background:linear-gradient(135deg, color-mix(in srgb, var(--accent-color), white 91%), color-mix(in srgb, var(--accent-color), white 96%));box-shadow:0 18px 30px color-mix(in srgb, var(--accent-color), transparent 80%);color:var(--hover-ink)}.sidebar-link:hover .sidebar-link-title,.sidebar-link.active .sidebar-link-title,.topic-nav-link:hover .topic-nav-title,.topic-nav-link.active .topic-nav-title{color:var(--hover-ink)}.sidebar-link:hover .sidebar-link-meta,.sidebar-link.active .sidebar-link-meta,.topic-nav-link:hover .topic-nav-subtitle,.topic-nav-link.active .topic-nav-subtitle{color:var(--hover-muted)}.sidebar-link-title,.topic-nav-title{font-size:.96rem;font-weight:700;display:block}.sidebar-link-meta,.topic-nav-subtitle{color:var(--muted);margin-top:.15rem;font-size:.82rem;display:block}.topic-nav-badge{letter-spacing:.06em;color:#0f172a;background:linear-gradient(135deg, color-mix(in srgb, var(--accent-color), white 58%), color-mix(in srgb, var(--accent-hover), white 70%));border-radius:.8rem;justify-content:center;align-items:center;min-width:3rem;padding:.42rem .55rem;font-size:.72rem;font-weight:800;display:inline-flex}.topic-nav-copy{min-width:0}.sidebar-empty{color:var(--muted);background:color-mix(in srgb, var(--card-bg), transparent 4%);border:1px dashed color-mix(in srgb, var(--border-color), transparent 12%);border-radius:.95rem;margin:0;padding:.85rem .95rem}.sidebar-footer{border-top:1px solid color-mix(in srgb, var(--border-color), transparent 18%);gap:.9rem;margin-top:.15rem;padding-top:1rem;display:grid}.sidebar-status{background:linear-gradient(145deg, color-mix(in srgb, var(--card-bg), transparent 4%), color-mix(in srgb, var(--accent-color), transparent 94%));border:1px solid color-mix(in srgb, var(--accent-color), transparent 82%);border-radius:1rem;padding:.95rem}.sidebar-status-title,.sidebar-status-text,.theme-copy-text{margin:0}.sidebar-status-title{color:var(--text-color);margin-top:.35rem;font-weight:700}.sidebar-status-text,.theme-copy-text{color:var(--muted);margin-top:.28rem;font-size:.85rem;line-height:1.5}.search-label{color:var(--muted);margin-bottom:.35rem;font-size:.85rem;display:block}.search-input{border:1px solid color-mix(in srgb, var(--border-color), transparent 10%);width:100%;font:inherit;color:var(--text-color);background:color-mix(in srgb, var(--card-bg), transparent 2%);border-radius:.9rem;outline:none;padding:.78rem .85rem}.search-input:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent-color), transparent 78%)}.theme-switcher{background:color-mix(in srgb, var(--card-bg), transparent 4%);border:1px solid color-mix(in srgb, var(--border-color), transparent 15%);border-radius:1rem;justify-content:space-between;align-items:center;gap:.9rem;padding:.9rem .95rem;display:flex}.theme-copy{min-width:0}.theme-controls{color:var(--muted);align-items:center;gap:.45rem;display:inline-flex}.theme-icon{font-size:.9rem}.switch{width:46px;height:24px;display:inline-block;position:relative}.switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;background-color:#cbd5e1;transition:all .2s;position:absolute;inset:0}.slider:before{content:"";background-color:#fff;width:18px;height:18px;transition:all .2s;position:absolute;top:3px;left:3px}input:checked+.slider{background-color:var(--accent-color)}input:checked+.slider:before{transform:translate(22px)}.slider.round{border-radius:24px}.slider.round:before{border-radius:50%}.content{min-width:0}.content-inner{gap:.85rem;display:grid}.page-shell{transform-origin:50% 0;will-change:opacity, transform, filter;backface-visibility:hidden;contain:layout paint;min-width:0}.page-shell--enter{animation:.32s cubic-bezier(.22,1,.36,1) page-enter}.page-shell--exit{pointer-events:none;animation:.14s cubic-bezier(.4,0,1,1) forwards page-exit}.page-shell--enter>*{animation:.45s cubic-bezier(.22,1,.36,1) both page-content-rise}.page-shell--enter>:first-child{animation-delay:20ms}.page-shell--enter>:nth-child(2){animation-delay:80ms}.page-shell--enter>:nth-child(3){animation-delay:.13s}.page-shell--enter>:nth-child(4){animation-delay:.17s}@keyframes page-enter{0%{opacity:0;filter:blur(3px);transform:translateY(12px)scale(.996)}70%{opacity:.98;filter:blur();transform:translateY(1px)scale(1)}to{opacity:1;filter:blur();transform:translateY(0)scale(1)}}@keyframes page-exit{0%{opacity:1;filter:blur();transform:translateY(0)scale(1)}to{opacity:.18;filter:blur(2px);transform:translateY(-5px)scale(.998)}}@keyframes page-content-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.page-shell,.page-shell--enter,.page-shell--exit{filter:none;animation:none;transform:none}.page-shell--enter>*{animation:none}}.tutorial-card{background:var(--card-bg);border:1px solid var(--border-color);box-shadow:0 14px 30px var(--card-shadow);border-radius:1rem;padding:clamp(.9rem,1.6vw,1.35rem)}.home-page,.tutorial-page{gap:.85rem;display:grid}.home-page{align-content:start}.home-hero{background:linear-gradient(135deg, color-mix(in srgb, var(--card-bg), white 2%), color-mix(in srgb, var(--accent-color), transparent 95%)), radial-gradient(110% 110% at 100% 0%, color-mix(in srgb, var(--accent-color), transparent 82%), transparent 60%);grid-template-columns:minmax(0,1.35fr) minmax(260px,.8fr);align-items:start;gap:1rem;display:grid;overflow:hidden}.home-hero-copy{align-content:start;gap:.85rem;max-width:44rem;display:grid}.home-hero-copy h1,.home-section-intro h2{margin:0;line-height:1.08}.home-hero-copy h1{letter-spacing:-.04em;text-wrap:balance;max-width:9ch;font-size:clamp(2.1rem,4vw,3.4rem)}.home-hero-aside{border:1px solid color-mix(in srgb, var(--border-color), transparent 12%);background:linear-gradient(160deg, color-mix(in srgb, var(--card-bg), white 3%), color-mix(in srgb, var(--accent-color), transparent 94%));border-radius:1rem;align-content:start;gap:.75rem;min-height:100%;padding:1rem;display:grid}.home-hero-aside-kicker{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:0;font-size:.78rem;font-weight:700}.home-hero-aside h2{margin:0;font-size:clamp(1.05rem,1.6vw,1.4rem);line-height:1.2}.home-hero-list{gap:.7rem;margin:0;padding:0;list-style:none;display:grid}.home-hero-list li{color:var(--muted);padding-left:1rem;position:relative}.home-hero-list li:before{content:"";background:linear-gradient(135deg, var(--accent-color), var(--accent-hover));border-radius:999px;width:.38rem;height:.38rem;position:absolute;top:.68rem;left:0}.home-hero-text,.home-section-intro p{max-width:64ch;color:var(--muted);margin:0}.home-hero-actions{flex-wrap:wrap;gap:.8rem;margin-top:.15rem;display:flex}.home-primary-cta{padding-inline:1.1rem}.home-secondary-link{border:1px solid color-mix(in srgb, var(--border-color), transparent 8%);color:var(--text-color);background:color-mix(in srgb, var(--card-bg), transparent 3%);border-radius:.7rem;justify-content:center;align-items:center;padding:.55rem .95rem;font-weight:600;text-decoration:none;transition:transform .2s,border-color .2s,background .2s;display:inline-flex}.home-secondary-link:hover{color:var(--hover-ink);border-color:color-mix(in srgb, var(--accent-color), white 55%);background:color-mix(in srgb, var(--accent-color), white 93%);transform:translateY(-2px)}.home-hero-panel{grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));align-content:start;gap:.8rem;display:grid}.home-stat-card{border:1px solid color-mix(in srgb, var(--border-color), transparent 10%);background:linear-gradient(155deg, color-mix(in srgb, var(--card-bg), white 2%), color-mix(in srgb, var(--accent-color), transparent 94%));border-radius:1rem;align-content:start;min-height:0;padding:1rem .95rem;display:grid}.home-stat-card--wide{grid-column:auto}.home-stat-value{color:var(--text-color);font-size:clamp(1.5rem,2.3vw,2.35rem);font-weight:800;line-height:1}.home-stat-label{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin-top:.5rem;font-size:.8rem;line-height:1.45}.home-section-intro{justify-content:space-between;align-items:end;gap:1rem;padding-inline:.1rem;display:flex}.home-section-intro h2{font-size:clamp(1.2rem,2vw,1.7rem)}.home-groups{gap:1rem;display:grid}.home-group-block{gap:.85rem;display:grid}.home-group-header{justify-content:space-between;align-items:start;gap:1rem;display:flex}.home-group-header h3,.home-group-meta p{margin:0}.home-group-header h3{margin-top:.2rem;font-size:clamp(1.05rem,1.8vw,1.45rem);line-height:1.2}.home-group-meta{text-align:right;justify-items:end;gap:.25rem;display:grid}.home-group-meta p{max-width:28ch;color:var(--muted);font-size:.84rem;line-height:1.5}.home-group-count{background:linear-gradient(135deg, var(--accent-color), color-mix(in srgb, var(--accent-hover), #0f172a 20%));color:#f8fafc;border-radius:999px;justify-content:center;align-items:center;min-width:2rem;padding:.2rem .55rem;font-size:.78rem;font-weight:800;line-height:1;display:inline-flex}.cards--grouped{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}.hero h1,.topic-header h1,.empty-state h1{margin:.1rem 0 .55rem;font-size:clamp(1.5rem,2.8vw,2.25rem);line-height:1.2}.eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--topic-b,var(--accent-hover));margin:0;font-size:.82rem;font-weight:700}.hero p,.topic-header p,.topic-section p,.timeline-entry p,.empty-state p,.topic-card p{color:var(--muted);margin:.55rem 0}.topic-section h2,.timeline-entry h2,.topic-card h2{margin:0;font-size:1.2rem}.cards{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.85rem;display:grid}.topic-card{isolation:isolate;--topic-a:#0ea5e9;--topic-b:#2563eb;border-left:5px solid var(--topic-a);animation:.55s both homeCardEnter;position:relative;overflow:hidden}.cards .topic-card:first-child{animation-delay:0s}.cards .topic-card:nth-child(2){animation-delay:80ms}.cards .topic-card:nth-child(3){animation-delay:.16s}.cards .topic-card:nth-child(4){animation-delay:.24s}.cards .topic-card:nth-child(5){animation-delay:.32s}.cards .topic-card:nth-child(6){animation-delay:.4s}.cards .topic-card:nth-child(7){animation-delay:.48s}.cards .topic-card:nth-child(8){animation-delay:.56s}.cards .topic-card:nth-child(9){animation-delay:.64s}.topic-card:before{content:"";z-index:-1;border-radius:inherit;background:linear-gradient(140deg, color-mix(in srgb, var(--topic-a), transparent 76%), color-mix(in srgb, var(--topic-b), transparent 90%));position:absolute;inset:0}.topic-card:hover{border-color:color-mix(in srgb, var(--topic-a), var(--border-color) 45%);box-shadow:0 20px 36px color-mix(in srgb, var(--topic-a), transparent 74%);transform:translateY(-4px)}.topic-card:hover p,.topic-card:hover .meta{color:color-mix(in srgb, var(--text-color), white 12%)}.topic-card h2{background:linear-gradient(135deg, var(--topic-a), var(--topic-b));color:#0000;-webkit-background-clip:text;background-clip:text}.topic-card[data-topic=html]{--topic-a:#f97316;--topic-b:#ef4444}.topic-card[data-topic=css]{--topic-a:#8b5cf6;--topic-b:#6366f1}.topic-card[data-topic=javascript]{--topic-a:#f59e0b;--topic-b:#f97316}.topic-card[data-topic=java]{--topic-a:#f97316;--topic-b:#2563eb}.topic-card[data-topic=python]{--topic-a:#3b82f6;--topic-b:#eab308}.topic-card[data-topic=xml]{--topic-a:#ef4444;--topic-b:#b91c1c}.topic-card[data-topic=sql]{--topic-a:#10b981;--topic-b:#0f766e}.topic-card[data-topic=csharp]{--topic-a:#8b5cf6;--topic-b:#2563eb}.topic-card[data-topic=cpp]{--topic-a:#2563eb;--topic-b:#0f172a}.topic-card[data-topic=rust]{--topic-a:#ea580c;--topic-b:#7c2d12}.topic-card[data-topic=devops]{--topic-a:#f97316;--topic-b:#0ea5e9}.topic-chip{letter-spacing:.05em;color:#0f172a;background:linear-gradient(135deg, color-mix(in srgb, var(--topic-a), #fff 64%), color-mix(in srgb, var(--topic-b), #fff 66%));border-radius:999px;justify-content:center;align-items:center;min-width:52px;margin-bottom:.5rem;padding:.28rem .5rem;font-size:.72rem;font-weight:700;display:inline-flex}.meta{color:var(--topic-b,var(--accent-hover));margin:0 0 .4rem;font-size:.82rem;font-weight:600}.button-link{background:linear-gradient(135deg, var(--accent-color), #6366f1);color:#fff;border-radius:.65rem;justify-content:center;align-items:center;margin-top:.6rem;padding:.55rem .9rem;font-weight:600;text-decoration:none;transition:transform .2s,box-shadow .2s,filter .2s;display:inline-flex}.topic-cta{background:linear-gradient(135deg, var(--topic-a), var(--topic-b));box-shadow:0 10px 22px color-mix(in srgb, var(--topic-a), transparent 58%)}.topic-cta:hover{filter:saturate(1.08);transform:translateY(-2px)scale(1.02)}.topic-cta--html{--topic-a:#f97316;--topic-b:#ef4444}.topic-cta--css{--topic-a:#8b5cf6;--topic-b:#6366f1}.topic-cta--javascript{--topic-a:#f59e0b;--topic-b:#f97316}.topic-cta--java{--topic-a:#f97316;--topic-b:#2563eb}.topic-cta--python{--topic-a:#3b82f6;--topic-b:#eab308}.topic-cta--xml{--topic-a:#ef4444;--topic-b:#b91c1c}.topic-cta--sql{--topic-a:#10b981;--topic-b:#0f766e}.topic-cta--csharp{--topic-a:#8b5cf6;--topic-b:#2563eb}.topic-cta--cpp{--topic-a:#2563eb;--topic-b:#0f172a}.topic-cta--rust{--topic-a:#ea580c;--topic-b:#7c2d12}.topic-cta--devops{--topic-a:#f97316;--topic-b:#0ea5e9}.topic-section{overflow:visible}.code-block{border:1px solid color-mix(in srgb, var(--accent-color), #1f2a3d 74%);border-radius:.85rem;margin:.8rem 0 0;overflow:hidden}.code-block figcaption{background:linear-gradient(90deg, #1e293b, color-mix(in srgb, var(--accent-color), #1e293b 76%));color:#e2e8f0;text-transform:uppercase;margin:0;padding:.38rem .65rem;font-size:.78rem;font-weight:600}.code-block pre{background:var(--code-bg);margin:0;padding:.85rem;overflow-x:auto}.code-block code{color:var(--code-text);white-space:pre-wrap;overflow-wrap:anywhere;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.86rem;line-height:1.55}.timeline{gap:.8rem;display:grid}.empty-state{text-align:left}@keyframes homeCardEnter{0%{opacity:0;transform:translateY(14px)scale(.99)}to{opacity:1;transform:translateY(0)scale(1)}}body[data-page=html]{--accent-color:#f97316;--accent-hover:#ea580c;--page-a:#0f5aa533;--page-b:#f973162e;--page-c:#e63b2e1f}body[data-page=css]{--accent-color:#8b5cf6;--accent-hover:#7c3aed;--page-a:#a855f73d;--page-b:#5b21b633;--page-c:#7c3aed24}body[data-page=javascript]{--accent-color:#f59e0b;--accent-hover:#d97706;--page-a:#facc1538;--page-b:#f973162e;--page-c:#ca8a041f}body[data-page=java]{--accent-color:#f97316;--accent-hover:#c2410c;--page-a:#f9731633;--page-b:#2563eb33;--page-c:#1e40af1f}body[data-page=python]{--accent-color:#3b82f6;--accent-hover:#1d4ed8;--page-a:#3b82f63d;--page-b:#2563eb33;--page-c:#fbbf241f}body[data-page=xml]{--accent-color:#ef4444;--accent-hover:#b91c1c;--page-a:#ef44443d;--page-b:#dc262633;--page-c:#7f1d1d1f}body[data-page=sql]{--accent-color:#10b981;--accent-hover:#0f766e;--page-a:#10b98138;--page-b:#0f766e2e;--page-c:#065f461f}body[data-page=csharp]{--accent-color:#8b5cf6;--accent-hover:#6d28d9;--page-a:#8b5cf638;--page-b:#2563eb2e;--page-c:#1e40af1f}body[data-page=cpp]{--accent-color:#2563eb;--accent-hover:#0f172a;--page-a:#2563eb38;--page-b:#0f172a2e;--page-c:#1e40af1f}body[data-page=rust]{--accent-color:#ea580c;--accent-hover:#7c2d12;--page-a:#ea580c38;--page-b:#7c2d122e;--page-c:#78350f1f}body[data-page=devops]{--accent-color:#f97316;--accent-hover:#0ea5e9;--page-a:#f9731638;--page-b:#0ea5e92e;--page-c:#0f172a1f}@media (width<=980px){.home-group-header{flex-direction:column;align-items:start}.home-group-meta{text-align:left;justify-items:start}.menu-button{justify-content:center;align-items:center;display:inline-flex}.layout{grid-template-columns:1fr}.sidebar{max-height:none;display:none;position:static}.sidebar.open{display:block}.sidebar-link,.topic-nav-link{padding:.78rem .8rem}.home-hero,.home-section-intro{grid-template-columns:1fr;display:grid}.home-hero-copy h1{max-width:13ch}.home-hero-panel{grid-template-columns:1fr 1fr}}@media (width<=640px){.home-hero-panel{grid-template-columns:1fr}.home-stat-card--wide{grid-column:auto}.home-hero-actions{display:grid}}.topic-main-title{background:linear-gradient(110deg, var(--accent-color), color-mix(in srgb, var(--accent-hover), #fff 25%), var(--accent-color));color:#0000;-webkit-text-fill-color:transparent;text-shadow:0 10px 24px color-mix(in srgb, var(--accent-color), transparent 62%);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;padding-right:.25rem;animation:5.5s linear infinite titleSweep,2.2s ease-in-out infinite titleGlow;display:inline-block;position:relative}.topic-main-title:after{content:"";background:linear-gradient(90deg, var(--accent-color), transparent 72%);opacity:.75;border-radius:999px;width:100%;height:3px;position:absolute;bottom:-8px;left:0}.section-title{background:linear-gradient(120deg, var(--accent-color), var(--accent-hover), color-mix(in srgb, var(--accent-color), #fff 20%));color:#0000;-webkit-text-fill-color:transparent;letter-spacing:.01em;text-shadow:0 8px 20px color-mix(in srgb, var(--accent-color), transparent 72%);background-size:240% 100%;-webkit-background-clip:text;background-clip:text;padding-right:.2rem;animation:4.8s linear infinite titleSweep,2.4s ease-in-out infinite titleGlow;display:inline-block;position:relative}.section-title:after{content:"";background:linear-gradient(90deg, var(--accent-color), color-mix(in srgb, var(--accent-hover), transparent 65%));border-radius:999px;width:min(210px,68%);height:2px;position:absolute;bottom:-4px;left:0}.topic-section:hover .section-title,.topic-header:hover .topic-main-title{filter:saturate(1.2)}@keyframes titleSweep{0%{background-position:0 0}to{background-position:220% 0}}@keyframes titleGlow{0%{filter:saturate()brightness()}50%{filter:saturate(1.22)brightness(1.14)}to{filter:saturate()brightness()}}@media (prefers-reduced-motion:reduce){.topic-main-title,.section-title{animation:none!important}}