:root{--primary-color:#3b82f6;--primary-rgb:59,130,246;--primary-dark:#2563eb;--primary-light:#60a5fa;--secondary-color:#10b981;--secondary-rgb:16,185,129;--secondary-dark:#059669;--secondary-light:#34d399;--accent-color:#8b5cf6;--accent-rgb:139,92,246;--text-color:#1f2937;--text-light:#4b5563;--text-lighter:#9ca3af;--bg-color:#fff;--bg-light:#f9fafb;--bg-dark:#f3f4f6;--border-color:#e5e7eb;--border-dark:#d1d5db;--header-bg:hsla(0,0%,100%,.8);--header-bg-scrolled:hsla(0,0%,100%,.95);--header-border:rgba(0,0,0,.05);--nav-text:rgba(0,0,0,.8);--nav-text-hover:rgba(0,0,0,.8);--nav-text-active:rgba(0,0,0,.8);--tagline-bg:#fff;--tagline-heading:#1d1d1f;--tagline-subheading:#86868b;--tagline-highlight:#1d1d1f;--card-bg:#fff;--card-shadow:rgba(0,0,0,.05);--card-shadow-hover:rgba(0,0,0,.1);--header-height:70px;--max-width:1200px;--border-radius:8px;--box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);--font-sans:"Inter","SF Pro Display",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;--font-mono:"Fira Code","JetBrains Mono","Source Code Pro",monospace;--font-heading:"Poppins",var(--font-sans);--theme-transition:color 0.3s ease,background-color 0.3s ease,border-color 0.3s ease,box-shadow 0.3s ease}[data-theme=dark]{--primary-color:#60a5fa;--primary-rgb:96,165,250;--primary-dark:#3b82f6;--primary-light:#93c5fd;--secondary-color:#34d399;--secondary-rgb:52,211,153;--secondary-dark:#10b981;--secondary-light:#6ee7b7;--accent-color:#a78bfa;--accent-rgb:167,139,250;--text-color:#f9fafb;--text-light:#e5e7eb;--text-lighter:#9ca3af;--bg-color:#111827;--bg-light:#1f2937;--bg-dark:#0f172a;--border-color:#374151;--border-dark:#4b5563;--header-bg:rgba(17,24,39,.8);--header-bg-scrolled:rgba(17,24,39,.95);--header-border:hsla(0,0%,100%,.05);--nav-text:hsla(0,0%,100%,.8);--nav-text-hover:hsla(0,0%,100%,.8);--nav-text-active:hsla(0,0%,100%,.8);--tagline-bg:#111827;--tagline-heading:#f9fafb;--tagline-subheading:#d1d5db;--tagline-highlight:#f9fafb;--card-bg:#1f2937;--card-shadow:rgba(0,0,0,.3);--card-shadow-hover:rgba(0,0,0,.4);--box-shadow:0 4px 6px -1px rgba(0,0,0,.3),0 2px 4px -1px rgba(0,0,0,.2)}*{box-sizing:border-box;padding:0;margin:0}html{font-size:16px;scroll-behavior:smooth}body{width:100%;overflow-x:clip;font-family:var(--font-sans);color:var(--text-color);background-color:var(--bg-color);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:var(--theme-transition)}a{color:var(--primary-color);text-decoration:none;transition:color .2s ease,transform .2s ease}a:hover{color:var(--primary-dark)}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;line-height:1.2;margin-bottom:1rem;color:var(--text-color)}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.75rem}h4{font-size:1.5rem}h5{font-size:1.25rem}h6{font-size:1rem}p{margin-bottom:1.5rem}.container{width:100%;max-width:var(--max-width);margin:0 auto;padding:0 1.5rem}.button,button{display:inline-block;background-color:var(--primary-color);color:#fff;border:none;border-radius:var(--border-radius);padding:.75rem 1.5rem;font-weight:600;cursor:pointer;transition:background-color .2s ease,transform .2s ease}.button:hover,button:hover{background-color:var(--primary-dark);transform:translateY(-2px)}@media (max-width:1024px){html{font-size:15px}}@media (max-width:768px){:root{--header-height:60px}html{font-size:14px}.container{padding:0 1rem}}@media (max-width:480px){html{font-size:13px}}pre[class*=language-]{background-color:var(--bg-code);color:var(--text-code);margin:1.5em 0;padding:1em;border-radius:8px;overflow:auto;line-height:1.5;-moz-tab-size:2;tab-size:2;-webkit-hyphens:none;hyphens:none;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;box-shadow:0 2px 8px rgba(0,0,0,.1)}:not(pre)>code,pre[class*=language-]{font-family:SF Mono,Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:.9em}:not(pre)>code{background-color:var(--bg-code-inline);color:var(--text-code-inline);padding:.2em .4em;border-radius:4px;white-space:normal}code[class*=language-]{color:var(--text-code);font-family:SF Mono,Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;direction:ltr;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;line-height:1.5;-moz-tab-size:2;tab-size:2;-webkit-hyphens:none;hyphens:none}:root{--bg-code:#f5f7fa;--bg-code-inline:rgba(0,0,0,.05);--text-code:#333;--text-code-inline:#0071e3;--comment:#6a737d;--punctuation:#5e6687;--property:#0071e3;--selector:#22863a;--operator:#d73a49;--keyword:#d73a49;--function:#6f42c1;--string:#22863a;--number:#005cc5;--boolean:#005cc5;--constant:#005cc5;--variable:#e36209;--class-name:#6f42c1;--builtin:#6f42c1;--attr-name:#005cc5;--attr-value:#22863a;--regex:#22863a;--important:#e36209}[data-theme=dark]{--bg-code:#1e1e1e;--bg-code-inline:hsla(0,0%,100%,.1);--text-code:#e6e6e6;--text-code-inline:#0a84ff;--comment:#6a9955;--punctuation:#d4d4d4;--property:#9cdcfe;--selector:#4ec9b0;--operator:#d4d4d4;--keyword:#569cd6;--function:#dcdcaa;--string:#ce9178;--number:#b5cea8;--boolean:#569cd6;--constant:#4fc1ff;--variable:#9cdcfe;--class-name:#4ec9b0;--builtin:#dcdcaa;--attr-name:#9cdcfe;--attr-value:#ce9178;--regex:#d16969;--important:#d7ba7d}.token.cdata,.token.comment,.token.doctype,.token.prolog{color:var(--comment)}.token.punctuation{color:var(--punctuation)}.token.boolean,.token.constant,.token.number,.token.property,.token.symbol,.token.tag{color:var(--property)}.token.attr-name,.token.builtin,.token.char,.token.selector,.token.string{color:var(--selector)}.language-css .token.string,.style .token.string,.token.entity,.token.operator,.token.url{color:var(--operator)}.token.atrule,.token.attr-value,.token.keyword{color:var(--keyword)}.token.class-name,.token.function{color:var(--function)}.token.important,.token.regex,.token.variable{color:var(--regex)}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}pre[class*=language-].line-numbers{position:relative;padding-left:3.8em;counter-reset:linenumber}pre[class*=language-].line-numbers>code{position:relative;white-space:inherit}.line-numbers .line-numbers-rows{position:absolute;pointer-events:none;top:0;font-size:100%;left:-3.8em;width:3em;letter-spacing:-1px;border-right:1px solid #999;-webkit-user-select:none;-moz-user-select:none;user-select:none}.line-numbers-rows>span{display:block;counter-increment:linenumber}.line-numbers-rows>span:before{content:counter(linenumber);color:#999;display:block;padding-right:.8em;text-align:right}