/*
Theme Name: Aistra Labs — Exact HTML Replica
Description: WordPress conversion of the supplied Aistra Labs HTML pages.
Version: 3.0
*/
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');

:root{
  --bg:#0c0d12;
  --surface:#11131a;
  --surface-2:#171a22;
  --text:#f2f3f7;
  --text-secondary:#a5a9b5;
  --text-dim:#737887;
  --border:#252934;
  --border-light:#20232d;
  --accent:#4d7aff;
  --accent-hover:#6d91ff;
  --accent-dim:rgba(77,122,255,.10);
  --accent-border:rgba(77,122,255,.28);
}
html{scroll-behavior:smooth}
body{
  margin:0;
  background:var(--bg);
  color:var(--text);
  font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  font-size:16px;
  line-height:1.5;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
*,*:before,*:after{box-sizing:border-box}
a{color:inherit}
button,input,textarea,select{font:inherit}
button{color:inherit}
img{max-width:100%}
main{display:block;min-height:0}
.grid-bg{
  background-image:
    linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);
  background-size:50px 50px;
}
.gradient-text{
  background:linear-gradient(135deg,#8eb0ff 0%,#4d7aff 55%,#7f9fff 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent!important;
}
.glow{box-shadow:0 0 80px rgba(77,122,255,.12)}
.prose{color:var(--text-secondary);line-height:1.8}
.prose h1,.prose h2,.prose h3,.prose h4{color:var(--text)}
.prose a{color:var(--accent)}
.prose ul{padding-left:1.4rem}
.prose li{margin:.45rem 0}
.hidden-mobile{display:flex}
.show-mobile{display:none}
header a,footer a{transition:color .15s,background .15s,border-color .15s}
header nav a:hover,footer a:hover{color:var(--text)!important}
@media(max-width:768px){
  .hidden-mobile{display:none!important}
  .show-mobile{display:flex!important}
  header>div{padding-left:1rem!important;padding-right:1rem!important}
}
@media(min-width:769px){
  .show-mobile{display:none!important}
  .hidden-mobile{display:flex!important}
}
@media(max-width:640px){
  main section{padding-left:1.1rem!important;padding-right:1.1rem!important}
}