:root{--cg-bg: #f8f9fa;--cg-surface: #ffffff;--cg-surface2: #f3f4f5;--cg-border: rgba(0,0,0,.08);--cg-borderhov: rgba(37,99,235,.25);--cg-text: #191c1d;--cg-textdim: #434655;--cg-textmuted: #737686;--cg-navbg: rgba(255,255,255,.95);--cg-overlay: rgba(255,255,255,.94);--cg-scrim: rgba(0,0,0,.06);--cg-scrollbar: rgba(37,99,235,.18);--cg-shadow: 0 1px 8px rgba(0,0,0,.06);--cg-shadow-bar: 0 -4px 12px rgba(0,0,0,.06);color-scheme:light}html.cg-dark{--cg-bg: #0d1117;--cg-surface: #161b22;--cg-surface2: #1c222b;--cg-border: rgba(255,255,255,.1);--cg-borderhov: rgba(96,165,250,.4);--cg-text: #e6edf3;--cg-textdim: #b1bac4;--cg-textmuted: #768390;--cg-navbg: rgba(13,17,23,.92);--cg-overlay: rgba(22,27,34,.92);--cg-scrim: rgba(0,0,0,.3);--cg-scrollbar: rgba(96,165,250,.4);--cg-shadow: 0 1px 8px rgba(0,0,0,.4);--cg-shadow-bar: 0 -4px 12px rgba(0,0,0,.45);color-scheme:dark}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:17px;scroll-behavior:smooth}body{background:var(--cg-bg);color:var(--cg-text);font-family:Inter,system-ui,-apple-system,sans-serif;min-height:100vh;min-height:100dvh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background .3s,color .3s}button,input{font-family:inherit}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:var(--cg-bg)}::-webkit-scrollbar-thumb{background:var(--cg-scrollbar);border-radius:3px}*{scrollbar-width:thin;scrollbar-color:var(--cg-scrollbar) transparent}.cg-page{animation:cgFadeIn .28s ease}.cg-skip-link{position:absolute;top:-40px;left:8px;z-index:2000;background:var(--cg-text);color:var(--cg-bg);padding:10px 16px;border-radius:8px;font-size:14px;font-weight:600;text-decoration:none;transition:top .15s ease}.cg-skip-link:focus{top:8px;outline:2px solid var(--cg-borderhov);outline-offset:2px}@keyframes cgFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes cgReveal{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}@keyframes cgSlideRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:none}}@keyframes cgSkeleton{0%{transform:translate(-200%)}to{transform:translate(200%)}}@keyframes cgSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes cgFloat{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-18px) rotate(4deg)}}@keyframes cgPulseO{0%,to{opacity:var(--ring-op, .07)}50%{opacity:calc(var(--ring-op, .07) * .5)}}@keyframes cgPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(.82)}}@keyframes cgCarouselIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@media print{nav,.cg-no-print{display:none!important}body{background:#fff!important;color:#111!important}.cg-page{animation:none!important}}.cg-demo-scroll::-webkit-scrollbar{display:none}.cg-mobile-menu{position:fixed;top:68px;left:0;right:0;z-index:999;background:var(--cg-navbg);-webkit-backdrop-filter:blur(24px) saturate(160%);backdrop-filter:blur(24px) saturate(160%);border-bottom:1px solid var(--cg-border);padding:16px 2rem max(20px,env(safe-area-inset-bottom));padding-left:max(2rem,env(safe-area-inset-left));padding-right:max(2rem,env(safe-area-inset-right));display:flex;flex-direction:column;gap:4px;animation:cgFadeIn .2s ease}.cg-mobile-menu button{background:none;border:none;cursor:pointer;color:var(--cg-textdim);font-size:16px;font-weight:500;padding:12px 0;text-align:left;border-bottom:1px solid var(--cg-border);transition:color .2s}.cg-mobile-menu button:last-child{border-bottom:none}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}.cg-page{animation:none}}@media(max-width:380px){html{font-size:15px}.cg-mobile-menu{padding-left:1rem;padding-right:1rem}}