@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--color-bg: #161826;--color-surface: #232532;--color-text: #e9e9ed;--color-accent: #9184d9;--color-accent-400: #b5abfc;--color-accent-800: #423a6a;--color-accent-900: #2b2741;--color-accent-100: #f5f4ff;--color-neutral-100: #f3f5fe;--color-neutral-800: #3f424d;--color-divider: color-mix(in srgb, #e9e9ed 16%, transparent);--radius-sm: 4px;--radius-md: 8px;--radius-lg: 14px;--shadow-sm: 0 0 0 1px #3f424d;--shadow-md: 0 0 0 1px #595d6c, 0 6px 18px rgba(0, 0, 0, .55);--shadow-lg: 0 0 0 1px #9397ab, 0 16px 40px rgba(0, 0, 0, .65);font-family:Inter,system-ui,sans-serif;line-height:1.55;font-weight:400;color-scheme:dark;color:var(--color-text);background-color:var(--color-bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box}body{margin:0;background-color:var(--color-bg);background-image:radial-gradient(1100px 620px at 88% -140px,color-mix(in srgb,var(--color-accent-900) 55%,transparent),transparent 60%);background-repeat:no-repeat;background-attachment:fixed}h1,h2,h3,h4,h5,h6{font-weight:500;line-height:1.12;letter-spacing:-.015em;margin:0 0 8px}h1{font-size:42px}h2{font-size:32px}h3{font-size:25px}p{margin:0 0 8px}a{font-weight:500;color:var(--color-accent);text-decoration:none;text-underline-offset:3px}a:hover{color:var(--color-accent-400)}img{display:block;max-width:100%}:focus{outline:none}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.tag{display:inline-flex;align-items:center;font-size:11px;padding:3px 10px;border-radius:6px;letter-spacing:.02em}.tag-accent{background:var(--color-accent-800);color:var(--color-accent-100)}.tag-neutral{background:var(--color-neutral-800);color:var(--color-neutral-100)}.markdown-content h1{font-size:1.8em;margin-top:1.5em;margin-bottom:.5em;border-bottom:1px solid var(--color-divider);padding-bottom:.3em}.markdown-content h2{font-size:18px;margin-top:32px;margin-bottom:10px;font-weight:500}.markdown-content h3{font-size:1.1em;margin-top:1.2em;margin-bottom:.5em}.markdown-content p{margin-bottom:1em;line-height:1.75}.markdown-content ul,.markdown-content ol{margin-bottom:1em;padding-left:22px}.markdown-content li{margin-bottom:6px;line-height:1.6}.markdown-content a{color:var(--color-accent);text-decoration:underline}.markdown-content a:hover{color:var(--color-accent-400)}.markdown-content strong{font-weight:600}.markdown-content img{max-width:100%;height:auto;border-radius:var(--radius-md);margin:1em 0}.markdown-content code{background-color:color-mix(in srgb,var(--color-text) 10%,transparent);padding:.2em .4em;border-radius:var(--radius-sm);font-family:Courier New,monospace;font-size:.9em}.markdown-content pre{background-color:color-mix(in srgb,var(--color-text) 5%,transparent);padding:1em;border-radius:var(--radius-md);overflow-x:auto;margin:1em 0}.markdown-content pre code{background:none;padding:0}.markdown-content blockquote{border-left:3px solid var(--color-accent);margin:1em 0;padding-left:1em;color:color-mix(in srgb,var(--color-text) 70%,transparent)}#root{display:flex;flex-direction:column;min-height:100vh}.header{position:sticky;top:0;z-index:1000;background-color:color-mix(in srgb,var(--color-bg) 88%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--color-divider)}.header-inner{max-width:1100px;margin:0 auto;padding:0 24px;display:flex;align-items:center;height:60px}.nav-brand{font-weight:500;font-size:17px;color:var(--color-text);text-decoration:none;white-space:nowrap;margin-right:auto}.nav-brand:hover{color:var(--color-text)}.nav-links{display:flex;align-items:center;gap:0}.nav-links a{padding:6px 12px;border-radius:var(--radius-md);font-size:14px;font-weight:400;color:color-mix(in srgb,var(--color-text) 80%,transparent);text-decoration:none;transition:color .15s ease,background .15s ease}.nav-links a:hover{color:var(--color-text);background:color-mix(in srgb,var(--color-text) 8%,transparent)}.nav-links a.active{color:var(--color-accent)}.nav-socials{display:flex;align-items:center;gap:14px;margin-left:16px}.nav-socials a{color:color-mix(in srgb,var(--color-text) 70%,transparent);text-decoration:none;display:flex;align-items:center;transition:color .15s ease}.nav-socials a:hover{color:var(--color-text)}.hamburger{display:none;flex-direction:column;justify-content:center;gap:5px;width:30px;height:30px;background:transparent;border:none;cursor:pointer;padding:0;margin-left:16px}.hamburger-line{display:block;width:100%;height:2px;background-color:var(--color-text);border-radius:2px;transition:transform .3s ease,opacity .3s ease}.hamburger-line.open:nth-child(1){transform:translateY(7px) rotate(45deg)}.hamburger-line.open:nth-child(2){opacity:0}.hamburger-line.open:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.mobile-nav{display:none;flex-direction:column;padding:8px 24px 12px;border-bottom:1px solid var(--color-divider);gap:2px;background-color:var(--color-bg)}.mobile-nav.open{display:flex}.mobile-nav a{padding:10px 12px;border-radius:var(--radius-md);font-size:15px;color:color-mix(in srgb,var(--color-text) 80%,transparent);text-decoration:none;transition:color .15s ease,background .15s ease}.mobile-nav a:hover{color:var(--color-text);background:color-mix(in srgb,var(--color-text) 8%,transparent)}.mobile-nav a.active{color:var(--color-accent)}@media(max-width:720px){.hamburger{display:flex}.nav-links,.nav-socials{display:none}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;cursor:pointer;text-decoration:none;font-family:inherit;font-weight:500;font-size:14px;line-height:1.2;background:transparent;border:1px solid transparent;padding:8px 16px;border-radius:var(--radius-md);transition:background .15s ease;white-space:nowrap}.btn-primary{color:var(--color-accent);border-color:var(--color-accent)}.btn-primary:hover{color:var(--color-accent);background:color-mix(in srgb,var(--color-accent) 12%,transparent)}.btn-secondary{color:var(--color-text);border-color:var(--color-divider)}.btn-secondary:hover{color:var(--color-text);background:color-mix(in srgb,var(--color-text) 7%,transparent)}.hero-grid{display:grid;grid-template-columns:minmax(240px,320px) 1fr;gap:48px;align-items:center;padding:32px 0 40px}.hero-grid>*{min-width:0}@media(max-width:700px){.hero-grid{grid-template-columns:1fr;gap:24px}}.page-container{flex:1;width:100%}.site-footer{border-top:1px solid var(--color-divider);padding:20px 24px;text-align:center;font-size:13px;color:color-mix(in srgb,var(--color-text) 55%,transparent)}
