/* Minimal utility CSS (Tailwind-like) for this static export */
:root{
  --bg:#f3f4f6;
  --fg:#111827;
  --card:#ffffff;
  --muted:#6b7280;
  --border:#e5e7eb;
  --brand:#5D47FE;
  --brand2:#7667FE;
  --shadow:0 10px 15px rgba(0,0,0,.12),0 4px 6px rgba(0,0,0,.08);
  --radius:14px;
  color-scheme: light dark;
}
*{box-sizing:border-box;}
html,body{height:100%;}
body{
  margin:0;
  font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji","Segoe UI Emoji";
  background:var(--bg);
  color:var(--fg);
  line-height:1.6;
}
img{max-width:100%;height:auto;}
a{color:inherit;text-decoration:none;}
a:hover{text-decoration:underline;}
button, input, textarea, select{font:inherit;}
/* Improve default focus */
:focus-visible{outline:2px solid var(--brand); outline-offset:2px;}
/* Simple container feel for main content */
main, .prose{width:100%;}
/* Cards */
.card, .bg-white{background:var(--card);}
.shadow, .shadow-lg{box-shadow:var(--shadow);}
.rounded, .rounded-lg, .rounded-xl, .rounded-2xl{border-radius:var(--radius);}
/* Better tables on blog pages (if any) */
table{border-collapse:collapse;width:100%;}
th,td{border:1px solid var(--border); padding:0.6rem; text-align:left;}
th{background:rgba(0,0,0,.03);}
/* Dark mode baseline */
@media (prefers-color-scheme: dark){
  :root{
    --bg:#0b1220;
    --fg:#e5e7eb;
    --card:#0c0d15;
    --muted:#9ca3af;
    --border:#374151;
  }
  body{background:var(--bg);color:var(--fg);}
  th{background:rgba(255,255,255,.06);}
}


.\[\&\[data-state\=open\]\>svg\]\:rotate-180[data-state='open']>svg{transform:rotate(180deg);}
.\[\&_img\]\:block img{display:block;}
.\[\&_img\]\:max-w-full img{max-width:100%;}
.\[\&_img\]\:mx-auto img{margin-left:auto;margin-right:auto;}
.absolute{position:absolute;}
.backdrop-blur-sm{backdrop-filter:blur(4px);}
.bg-\[\#5D47FE\]{background-color:#5D47FE;}
.bg-background{background-color:#0b1220;}
.bg-blue-600{background-color:#2563eb;}
.bg-gray-100{background-color:#f3f4f6;}
.bg-gray-200{background-color:#e5e7eb;}
.bg-gray-50{background-color:#f9fafb;}
.bg-white{background-color:#ffffff;}
.bg-white\/80{background-color:rgba(255,255,255,0.8);}
.block{display:block;}
.border{border-width:1px;border-style:solid;border-color:#e5e7eb;}
.border-0{border-width:0px;}
.border-gray-200{border-color:#e5e7eb;}
.border-gray-300{border-color:#d1d5db;}
.duration-200{transition-duration:200ms;}
.duration-300{transition-duration:300ms;}
.fixed{position:fixed;}
.flex{display:flex;}
.flex-col{flex-direction:column;}
.font-bold{font-weight:700;}
.font-extrabold{font-weight:800;}
.font-medium{font-weight:500;}
.font-semibold{font-weight:600;}
.gap-4{gap:1rem;}
.gap-8{gap:2rem;}
.grid{display:grid;}
.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr));}
.h-10{height:2.5rem;}
.h-4{height:1rem;}
.h-5{height:1.25rem;}
.h-6{height:1.5rem;}
.hidden{display:none;}
.hover\:bg-blue-700:hover{background-color:#1d4ed8;}
.hover\:bg-white:hover{background-color:#ffffff;}
.hover\:scale-105:hover{transform:scale(1.05);}
.hover\:text-\[\#5D47FE\]:hover{color:#5D47FE;}
.hover\:text-\[\#7667FE\]:hover{color:#7667FE;}
.hover\:text-accent-foreground:hover{color:#4f46e5;}
.hover\:text-blue-600:hover{color:#2563eb;}
.hover\:text-gray-800:hover{color:#1f2937;}
.hover\:text-gray-900:hover{color:#111827;}
.hover\:text-white:hover{color:#ffffff;}
.hover\:underline:hover{text-decoration:underline;}
.items-center{align-items:center;}
.items-start{align-items:flex-start;}
.justify-between{justify-content:space-between;}
.justify-center{justify-content:center;}
.left-0{left:0;}
.line-clamp-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}
.max-w-3xl{max-width:48rem;}
.max-w-4xl{max-width:56rem;}
.max-w-6xl{max-width:72rem;}
.mb-1{margin-bottom:0.25rem;}
.mb-12{margin-bottom:3rem;}
.mb-2{margin-bottom:0.5rem;}
.mb-4{margin-bottom:1rem;}
.mb-6{margin-bottom:1.5rem;}
.mb-8{margin-bottom:2rem;}
.min-h-screen{min-height:100vh;}
.ml-auto{margin-left:auto;}
.mr-0{margin-right:0px;}
.mr-2{margin-right:0.5rem;}
.mt-2{margin-top:0.5rem;}
.mt-8{margin-top:2rem;}
.mx-2{margin-left:0.5rem;margin-right:0.5rem;}
.mx-auto{margin-left:auto;margin-right:auto;}
.overflow-hidden{overflow:hidden;}
.p-2{padding:0.5rem;}
.p-4{padding:1rem;}
.p-6{padding:1.5rem;}
.pb-4{padding-bottom:1rem;}
.pb-8{padding-bottom:2rem;}
.pl-10{padding-left:2.5rem;}
.pl-3{padding-left:0.75rem;}
.pr-4{padding-right:1rem;}
.prose{max-width:65ch;}
.pt-8{padding-top:2rem;}
.px-4{padding-left:1rem;padding-right:1rem;}
.px-8{padding-left:2rem;padding-right:2rem;}
.py-10{padding-top:2.5rem;padding-bottom:2.5rem;}
.py-16{padding-top:4rem;padding-bottom:4rem;}
.py-2{padding-top:0.5rem;padding-bottom:0.5rem;}
.py-20{padding-top:5rem;padding-bottom:5rem;}
.py-4{padding-top:1rem;padding-bottom:1rem;}
.py-8{padding-top:2rem;padding-bottom:2rem;}
.relative{position:relative;}
.right-0{right:0;}
.rounded-full{border-radius:9999px;}
.rounded-lg{border-radius:0.5rem;}
.rounded-md{border-radius:0.375rem;}
.rounded-xl{border-radius:0.75rem;}
.shadow-lg{box-shadow:0 10px 15px rgba(0,0,0,.12),0 4px 6px rgba(0,0,0,.08);}
.space-x-4>:not([hidden])~:not([hidden]){margin-left:1rem;}
.space-x-6>:not([hidden])~:not([hidden]){margin-left:1.5rem;}
.space-y-2>:not([hidden])~:not([hidden]){margin-top:0.5rem;}
.space-y-4>:not([hidden])~:not([hidden]){margin-top:1rem;}
.space-y-6>:not([hidden])~:not([hidden]){margin-top:1.5rem;}
.text-2xl{font-size:1.5rem;line-height:1.6;}
.text-3xl{font-size:1.875rem;line-height:1.6;}
.text-\[\#5D47FE\]{color:#5D47FE;}
.text-gray-400{color:#9ca3af;}
.text-gray-600{color:#4b5563;}
.text-gray-700{color:#374151;}
.text-gray-800{color:#1f2937;}
.text-gray-900{color:#111827;}
.text-lg{font-size:1.125rem;line-height:1.6;}
.text-sm{font-size:0.875rem;line-height:1.6;}
.text-white{color:#ffffff;}
.text-xl{font-size:1.25rem;line-height:1.6;}
.top-0{top:0;}
.transform{transform:translateZ(0);}
.transition-transform{transition:transform .2s ease;}
.w-10{width:2.5rem;}
.w-4{width:1rem;}
.w-5{width:1.25rem;}
.w-6{width:1.5rem;}
.w-full{width:100%;}
.z-50{z-index:50;}

@media (min-width:640px){
.sm\:block{display:block;}
.sm\:flex-row{flex-direction:row;}
.sm\:gap-6{gap:1.5rem;}
.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr));}
.sm\:h-12{height:3rem;}
.sm\:hidden{display:none;}
.sm\:mb-0{margin-bottom:0px;}
.sm\:mb-1{margin-bottom:0.25rem;}
.sm\:p-6{padding:1.5rem;}
.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem;}
.sm\:px-8{padding-left:2rem;padding-right:2rem;}
.sm\:py-4{padding-top:1rem;padding-bottom:1rem;}
.sm\:space-x-4>:not([hidden])~:not([hidden]){margin-left:1rem;}
.sm\:space-y-0>:not([hidden])~:not([hidden]){margin-top:0px;}
.sm\:space-y-8>:not([hidden])~:not([hidden]){margin-top:2rem;}
.sm\:text-2xl{font-size:1.5rem;line-height:1.6;}
.sm\:text-3xl{font-size:1.875rem;line-height:1.6;}
.sm\:text-base{font-size:1rem;line-height:1.6;}
.sm\:text-xl{font-size:1.25rem;line-height:1.6;}
.sm\:w-12{width:3rem;}
}

@media (min-width:768px){
.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr));}
.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr));}
.md\:p-8{padding:2rem;}
}

@media (min-width:1024px){
.lg\:flex{display:flex;}
.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr));}
.lg\:hidden{display:none;}
.lg\:px-8{padding-left:2rem;padding-right:2rem;}
.lg\:w-full{width:100%;}
}

@media (prefers-color-scheme: dark){
.dark\:bg-\[\#0C0D15\]{background-color:#0C0D15;}
.dark\:bg-background{background-color:#0b1220;}
.dark\:bg-blue-900{background-color:#1e3a8a;}
.dark\:bg-gray-600{background-color:#4b5563;}
.dark\:bg-gray-700{background-color:#374151;}
.dark\:bg-gray-800{background-color:#1f2937;}
.dark\:bg-gray-800\/80{background-color:rgba(31,41,55,0.8);}
.dark\:bg-gray-900{background-color:#111827;}
.dark\:border-gray-600{border-color:#4b5563;}
.dark\:border-gray-700{border-color:#374151;}
.dark\:hover\:text-gray-100:hover{color:#f3f4f6;}
.dark\:hover\:text-gray-300:hover{color:#d1d5db;}
.dark\:text-gray-300{color:#d1d5db;}
.dark\:text-white{color:#ffffff;}
}

/* Header & navigation */
.site-header{
  position: sticky;
  top: 0;
  z-index: 50;
  background: rgba(255,255,255,.92);
  backdrop-filter: saturate(180%) blur(12px);
  border-bottom: 1px solid rgba(0,0,0,.08);
}
@media (prefers-color-scheme: dark){
  .site-header{
    background: rgba(10,10,10,.86);
    border-bottom-color: rgba(255,255,255,.10);
  }
}
.container{max-width:1100px;margin:0 auto;padding:0 16px}
.header-inner{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 0}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:inherit;font-weight:700}
.brand-logo{border-radius:8px}
.brand-name{letter-spacing:.2px}
.nav{display:flex;flex-wrap:wrap;gap:6px;align-items:center;justify-content:flex-end}
.nav-link{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:8px 10px;
  border-radius:12px;
  text-decoration:none;
  color:inherit;
  font-weight:600;
  opacity:.92;
}
.nav-link:hover{background:rgba(0,0,0,.06);opacity:1}
@media (prefers-color-scheme: dark){
  .nav-link:hover{background:rgba(255,255,255,.10)}
}
.ico{display:inline-flex;line-height:0}
body{scroll-padding-top:72px}