:root{--bg-primary: #2c133d;--bg-secondary: #240f31;--bg-code: #240f31;--text-primary: #fff;--text-secondary: #e0e0e0;--text-muted: #a0a0a0;--accent-primary: #b653fe;--accent-secondary: #5ff7f7;--border-color: rgba(255, 255, 255, 0.1);--card-bg: rgba(255, 255, 255, 0.02);--card-hover-bg: rgba(255, 255, 255, 0.04);--nav-bg: rgba(44, 19, 61, 0.95);--code-inline-bg: rgba(255, 255, 255, 0.05);--syntax-keyword: #b653fe;--syntax-entity: #5ff7f7;--syntax-string: #dbaefc;--syntax-constant: #5ff7f7;--syntax-comment: #a0a0a0;--syntax-punctuation: #e0e0e0}@media (prefers-color-scheme: light){:root{--bg-primary: #fff;--bg-secondary: #f5f0f9;--bg-code: #f8f4fc;--text-primary: #2c133d;--text-secondary: #4a3a5c;--text-muted: #7a6a8c;--accent-primary: #7228bb;--accent-secondary: #0fd6d9;--border-color: rgba(44, 19, 61, 0.1);--card-bg: rgba(44, 19, 61, 0.02);--card-hover-bg: rgba(44, 19, 61, 0.05);--nav-bg: rgba(255, 255, 255, 0.95);--code-inline-bg: rgba(44, 19, 61, 0.05);--syntax-keyword: #7228bb;--syntax-entity: #0ca7a9;--syntax-string: #af4bf9;--syntax-constant: #0ca7a9;--syntax-comment: #7a6a8c;--syntax-punctuation: #4a3a5c}}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{min-height:100vh;text-rendering:optimizeSpeed;line-height:1.6}ul,ol{list-style:none}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}a{color:inherit;text-decoration:none}button{background:none;border:none;cursor:pointer}h1,h2,h3,h4,h5,h6{overflow-wrap:break-word;line-height:1.2}p{overflow-wrap:break-word}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;font-size:1rem;background-color:var(--bg-primary);color:var(--text-primary)}h1{font-size:3.5rem;font-weight:700;margin-bottom:1.5rem}@media (max-width: 768px){h1{font-size:2.5rem}}h2{font-size:2rem;font-weight:600;margin-bottom:1.5rem}@media (max-width: 768px){h2{font-size:1.5rem}}h3{font-size:1.25rem;font-weight:600;margin-bottom:1rem}p{margin-bottom:1rem;color:var(--text-secondary)}p:last-child{margin-bottom:0}a{color:var(--accent-primary);transition:color 150ms ease}a:hover{color:var(--accent-secondary)}strong{font-weight:600;color:var(--text-primary)}code{font-family:ui-monospace,"Cascadia Code","Source Code Pro",Menlo,Consolas,monospace;font-size:.9em;background-color:var(--code-inline-bg);padding:.1em .3em;border-radius:.25rem}pre{font-family:ui-monospace,"Cascadia Code","Source Code Pro",Menlo,Consolas,monospace;font-size:.875rem;background-color:var(--bg-code);padding:1.5rem;border-radius:.5rem;overflow-x:auto;margin-bottom:1.5rem;border:1px solid var(--border-color)}pre code{background:none;padding:0}::selection{background-color:var(--accent-primary);color:#fff}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 1.5rem}.container-narrow{max-width:800px}.section{padding:6rem 0}@media (max-width: 768px){.section{padding:4rem 0}}.section-alt{background-color:var(--bg-secondary)}.grid{display:grid;gap:2rem}.grid-2{grid-template-columns:repeat(2, 1fr)}@media (max-width: 768px){.grid-2{grid-template-columns:1fr}}.grid-3{grid-template-columns:repeat(3, 1fr)}@media (max-width: 1024px){.grid-3{grid-template-columns:repeat(2, 1fr)}}@media (max-width: 640px){.grid-3{grid-template-columns:1fr}}.flex{display:flex}.flex-center{align-items:center;justify-content:center}.flex-between{align-items:center;justify-content:space-between}.gap-sm{gap:.5rem}.gap-md{gap:1rem}.gap-lg{gap:1.5rem}.text-center{text-align:center}.text-muted{color:var(--text-muted)}.nav{padding:1.5rem 0;position:sticky;top:0;background-color:var(--nav-bg);backdrop-filter:blur(8px);z-index:100;border-bottom:1px solid var(--border-color)}.nav-inner{display:flex;align-items:center;justify-content:space-between}.nav-logo{display:flex;align-items:center;gap:.5rem;font-weight:600;font-size:1.125rem;color:var(--text-primary)}.nav-logo img{width:40px;height:40px}.nav-links{display:flex;gap:2rem}.nav-links a{color:var(--text-secondary);transition:color 150ms ease}.nav-links a:hover{color:var(--accent-primary)}@media (max-width: 640px){.nav-links{gap:1rem}}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1.5rem;border-radius:.5rem;font-weight:500;transition:all 150ms ease}.btn-primary{background:linear-gradient(135deg, #b653fe, #7228bb);color:#fff}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 20px rgba(182,83,254,.4);color:#fff}.btn-secondary{background-color:rgba(0,0,0,0);border:1px solid var(--border-color);color:var(--text-secondary)}.btn-secondary:hover{border-color:var(--accent-secondary);color:var(--accent-secondary)}.btn-lg{padding:1rem 2rem;font-size:1.125rem}.card{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:1rem;padding:2rem;transition:all 200ms ease}.card:hover{border-color:rgba(182,83,254,.3);background-color:var(--card-hover-bg)}.card-icon{font-size:1.5rem;margin-bottom:1rem}.card-title{font-size:1.125rem;font-weight:600;margin-bottom:.5rem;color:var(--text-primary)}.card-text{color:var(--text-secondary);font-size:.875rem}.hero{padding:6rem 0;text-align:center}@media (max-width: 768px){.hero{padding:4rem 0}}.hero-logo{width:200px;height:200px;margin:0 auto 3rem}@media (max-width: 768px){.hero-logo{width:160px;height:160px}}.hero-title{font-size:3.5rem;font-weight:700;margin-bottom:1rem;color:var(--text-primary)}@media (max-width: 768px){.hero-title{font-size:2rem}}.hero-subtitle{font-size:1.25rem;color:var(--text-secondary);max-width:600px;margin:0 auto 2rem}@media (max-width: 768px){.hero-subtitle{font-size:1.125rem}}.hero-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.section-header{text-align:center;max-width:700px;margin:0 auto 4rem}.section-title{margin-bottom:1rem}.section-subtitle{font-size:1.125rem;color:var(--text-secondary)}.code-section{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:start}@media (max-width: 1024px){.code-section{grid-template-columns:1fr}}.code-description h3{color:var(--accent-secondary);margin-bottom:1.5rem}.code-block pre{margin:0}.badge{display:inline-block;padding:.25rem .5rem;background:linear-gradient(135deg, rgba(182,83,254,.2), rgba(114,40,187,.2));border:1px solid rgba(182,83,254,.3);border-radius:9999px;font-size:.875rem;color:var(--accent-primary);margin-bottom:1rem}.platform-list{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.platform-item{display:flex;align-items:center;gap:.5rem;padding:1rem 1.5rem;background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:.5rem;color:var(--text-secondary)}.install-box{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:1rem;padding:2rem;text-align:center;max-width:600px;margin:0 auto}.install-box code{display:block;font-size:1.125rem;padding:1rem;background-color:var(--code-inline-bg);border-radius:.5rem;margin:1.5rem 0}.footer{padding:4rem 0;border-top:1px solid var(--border-color)}.footer-inner{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1.5rem}.footer-links{display:flex;gap:2rem}.footer-links a{color:var(--text-muted)}.footer-links a:hover{color:var(--accent-primary)}.footer-copy{color:var(--text-muted);font-size:.875rem}.blog-list{display:flex;flex-direction:column;gap:1.5rem}.blog-card{padding:2rem;border:1px solid var(--border-color);border-radius:1rem;transition:all 200ms ease}.blog-card:hover{border-color:rgba(182,83,254,.3);background-color:var(--card-bg)}.blog-card a{display:block;color:inherit}.blog-date{display:block;font-size:.875rem;color:var(--text-muted);margin-bottom:.5rem}.blog-title{font-size:1.25rem;font-weight:600;margin-bottom:.5rem;color:var(--text-primary)}.blog-excerpt{color:var(--text-secondary);margin-bottom:0}.blog-header{margin-bottom:4rem;padding-bottom:2rem;border-bottom:1px solid var(--border-color)}.blog-header h1{margin-bottom:1rem}.blog-lead{font-size:1.25rem;color:var(--text-secondary)}.blog-content h2{margin-top:4rem;margin-bottom:1.5rem;color:var(--accent-secondary)}.blog-content h3{margin-top:3rem;margin-bottom:1rem}.blog-content ul,.blog-content ol{margin-bottom:1.5rem;padding-left:2rem}.blog-content ul li,.blog-content ol li{margin-bottom:.5rem;color:var(--text-secondary)}.blog-content ul{list-style:disc}.blog-content ol{list-style:decimal}.blog-content blockquote{border-left:3px solid var(--accent-primary);padding-left:1.5rem;margin:2rem 0;color:var(--text-secondary);font-style:italic}.blog-footer{margin-top:4rem;padding-top:2rem;border-top:1px solid var(--border-color)}.blog-meta{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:.5rem}.blog-card-meta{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:.5rem}.blog-card-meta .blog-date{display:flex;align-items:center;height:24px;margin:0}.blog-author{display:flex;align-items:center;gap:.5rem}.blog-author-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;border:1px solid var(--border-color)}.blog-author-name{font-size:.875rem;color:var(--text-secondary)}.blog-author-small .blog-author-avatar{width:24px;height:24px}.blog-author-small .blog-author-name{display:flex;align-items:center;height:24px}.recent-posts-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:1.5rem}@media (max-width: 1024px){.recent-posts-grid{grid-template-columns:repeat(2, 1fr)}}@media (max-width: 768px){.recent-posts-grid{grid-template-columns:1fr}}.recent-post-card{padding:2rem;border:1px solid var(--border-color);border-radius:1rem;transition:all 200ms ease;height:100%}.recent-post-card:hover{border-color:rgba(182,83,254,.3);background-color:var(--card-bg)}.recent-post-card a{display:flex;flex-direction:column;height:100%;color:inherit}.recent-post-card .blog-title{font-size:1.125rem}.recent-post-card .blog-excerpt{flex-grow:1}.recent-posts-more{text-align:center;margin-top:2rem}.sponsor-grid{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center}.sponsor-card{display:flex;align-items:center;gap:1rem;padding:1.5rem;background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:1rem;transition:all 200ms ease;color:inherit;min-width:280px}.sponsor-card:hover{border-color:rgba(182,83,254,.3);background-color:var(--card-hover-bg);transform:translateY(-2px)}.sponsor-avatar{width:64px;height:64px;border-radius:50%;object-fit:cover;border:2px solid var(--border-color);flex-shrink:0}.sponsor-info{display:flex;flex-direction:column;gap:.25rem}.sponsor-name{font-size:1.125rem;font-weight:600;color:var(--text-primary)}.sponsor-contribution{font-size:.875rem;color:var(--text-muted)}pre code{color:var(--text-secondary)}pre code span{color:inherit}pre code [class*=z-keyword]{color:var(--syntax-keyword)}pre code .z-entity{color:var(--syntax-entity)}pre code .z-string{color:var(--syntax-string)}pre code .z-storage{color:var(--syntax-string)}pre code .z-constant{color:var(--syntax-constant)}pre code .z-comment{color:var(--syntax-comment);font-style:italic}pre code .z-punctuation{color:var(--syntax-punctuation)}