:root{--bg: #080c18;--surf: #0f1424;--surf-2: #161c32;--edge: rgba(170,180,255,.08);--edge-strong: rgba(170,180,255,.18);--fg: #e8ecf5;--fg-2: #9ca3b5;--fg-3: #5c6378;--indigo: #7b8fff;--indigo-bright: #a6b5ff;--violet: #c77bff;--pink: #ff9bc2;--indigo-glow: rgba(123,143,255,.22)}.blog-page{font-family:Geist Variable,Geist,-apple-system,system-ui,sans-serif;color:var(--fg)}.blog-page .nav{padding:16px 56px;display:flex;align-items:center;justify-content:space-between}.blog-page .logo{display:flex;align-items:center;gap:14px;text-decoration:none}.blog-page .logo-mark{position:relative;width:40px;height:40px;background:var(--surf-2);border:1px solid var(--edge-strong);border-radius:10px;display:grid;place-items:center;overflow:hidden}.blog-page .logo-mark:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,var(--indigo),var(--violet),var(--pink));opacity:.55}.blog-page .logo-mark:after{content:"B";position:relative;font-weight:800;font-size:20px;letter-spacing:-.05em;color:var(--fg);z-index:2}.blog-page .logo-wm{font-weight:700;font-size:22px;letter-spacing:-.025em;color:var(--fg)}.blog-page .nav-links{display:flex;gap:36px;font-size:15.5px;font-weight:500;color:var(--fg-2)}.blog-page .nav-links a{color:inherit;text-decoration:none;transition:color .15s}.blog-page .nav-links a:hover,.blog-page .nav-links a.on{color:var(--fg)}.blog-page .nav-actions{display:flex;align-items:center;gap:18px}.blog-page .signin{color:var(--fg-2);font-size:15px;font-weight:500;text-decoration:none;transition:color .15s}.blog-page .signin:hover{color:var(--fg)}.blog-page .nav-cta{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,var(--indigo),var(--violet));color:#fff;padding:12px 22px;font-size:15px;font-weight:600;border-radius:10px;text-decoration:none;box-shadow:0 12px 32px var(--indigo-glow);transition:transform .15s,filter .15s}.blog-page .nav-cta:hover{transform:translateY(-1px);filter:brightness(1.08)}@media(max-width:760px){.blog-page .nav-links{display:none}.blog-page .nav{padding:14px 20px}.blog-page .signin{display:none}}.blog-wrap{max-width:820px;margin:0 auto;padding:48px 24px 88px}.blog-eyebrow{font-family:JetBrains Mono,ui-monospace,monospace;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--indigo-bright);margin-bottom:14px}.blog-eyebrow a{color:inherit;text-decoration:none}.blog-eyebrow a:hover{color:var(--fg)}.blog-wrap h1{font-size:clamp(30px,4.2vw,46px);line-height:1.06;letter-spacing:-.03em;font-weight:700;color:var(--fg);text-wrap:balance}.blog-meta{margin-top:14px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:12px;color:var(--fg-3);letter-spacing:.04em}.blog-prose{margin-top:38px;font-size:16px;line-height:1.78;color:var(--fg-2)}.blog-prose h2{margin:44px 0 16px;font-size:24px;font-weight:700;letter-spacing:-.015em;color:var(--fg);text-wrap:balance}.blog-prose h3{margin:30px 0 10px;font-size:18px;font-weight:600;color:var(--fg)}.blog-prose p{margin-bottom:15px}.blog-prose ul,.blog-prose ol{padding-left:24px;margin-bottom:15px}.blog-prose li{margin-bottom:8px}.blog-prose strong{color:var(--fg);font-weight:600}.blog-prose a{color:var(--indigo-bright);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}.blog-prose a:hover{color:var(--fg)}.blog-cta{margin-top:52px;padding:26px 28px;background:linear-gradient(160deg,#7b8fff1a,#c77bff0d);border:1px solid var(--edge-strong);border-radius:16px;text-align:center}.blog-cta h4{margin:0 0 8px;font-size:19px;color:var(--fg);letter-spacing:-.01em}.blog-cta p{margin:0 0 16px;color:var(--fg-2);font-size:14.5px}.blog-cta .go{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,var(--indigo),var(--violet));color:#fff;padding:12px 24px;font-size:15px;font-weight:600;border-radius:10px;text-decoration:none;box-shadow:0 12px 32px var(--indigo-glow)}.blog-page .footer-sec{padding:56px 56px 40px;max-width:1320px;margin:0 auto;border-top:1px solid var(--edge);font-family:JetBrains Mono,ui-monospace,monospace;font-size:12.5px;color:var(--fg-3);display:flex;justify-content:space-between;flex-wrap:wrap;gap:14px}.blog-page .footer-sec a{color:var(--fg-2);text-decoration:none;margin-left:18px}.blog-page .footer-sec a:hover{color:var(--indigo-bright)}@media(max-width:760px){.blog-page .footer-sec{padding:40px 20px 32px}.blog-page .footer-sec a{margin-left:0;margin-right:16px}}
