@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";:root{--primary: #4F46E5;--primary-glow: rgba(79, 70, 229, .4);--secondary: #06B6D4;--accent: #F43F5E;--bg-main: #F8FAFC;--bg-card: rgba(255, 255, 255, .8);--bg-glass: rgba(255, 255, 255, .6);--text-primary: #1E293B;--text-secondary: #64748B;--text-muted: #94A3B8;--grad-main: linear-gradient(135deg, #F8FAFC 0%, #F1F5F9 100%);--grad-indigo: linear-gradient(135deg, #6366F1 0%, #4F46E5 100%);--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 20px 25px -5px rgb(0 0 0 / .05), 0 8px 10px -6px rgb(0 0 0 / .05);--shadow-premium: 0 10px 40px -10px rgba(0, 0, 0, .08);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 24px}*{box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:Outfit,sans-serif;background:var(--bg-main);background-attachment:fixed;margin:0;padding:0;color:var(--text-primary);overflow-x:hidden}.glass{background:var(--bg-glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.3)}.premium-card{background:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-premium);transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid #f1f5f9}.premium-card:hover{transform:translateY(-4px);box-shadow:0 20px 40px -12px #0000001a;border-color:#e2e8f0}.markdown-content{line-height:1.7;color:#334155}.markdown-content h1,.markdown-content h2,.markdown-content h3{color:#0f172a;margin-top:1.5em;font-weight:700}.markdown-content h2{font-size:1.5rem;border-bottom:2px solid #F1F5F9;padding-bottom:.5rem}.markdown-content code{background:#f1f5f9;padding:.2em .4em;border-radius:4px;font-size:.9em;color:#4f46e5}.fade-in{animation:fadeIn .6s ease-out forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#f8fafc}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px;border:3px solid #F8FAFC}::-webkit-scrollbar-thumb:hover{background:#94a3b8}.responsive-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px}@media(max-width:1024px){.responsive-grid{grid-template-columns:1fr;gap:30px}}@media(max-width:768px){body{font-size:15px}.premium-card{padding:20px!important}.hide-mobile{display:none!important}.show-mobile{display:flex!important}main{padding:0 15px!important;margin:20px auto!important}.cycle-header{flex-direction:column;align-items:flex-start!important;gap:20px}}.show-mobile{display:none}code[class*=language-],pre[class*=language-]{color:#ccc;background:none;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto}:not(pre)>code[class*=language-],pre[class*=language-]{background:#2d2d2d}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.token.comment,.token.block-comment,.token.prolog,.token.doctype,.token.cdata{color:#999}.token.punctuation{color:#ccc}.token.tag,.token.attr-name,.token.namespace,.token.deleted{color:#e2777a}.token.function-name{color:#6196cc}.token.boolean,.token.number,.token.function{color:#f08d49}.token.property,.token.class-name,.token.constant,.token.symbol{color:#f8c555}.token.selector,.token.important,.token.atrule,.token.keyword,.token.builtin{color:#cc99cd}.token.string,.token.char,.token.attr-value,.token.regex,.token.variable{color:#7ec699}.token.operator,.token.entity,.token.url{color:#67cdcc}.token.important,.token.bold{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}.token.inserted{color:green}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}