/* ── Theme: Colors, typography, base styles ── */
[x-cloak]{display:none!important}
body{background:#06080f;color:#e2e8f0;font-family:'Inter',sans-serif}
::-webkit-scrollbar{width:5px;height:5px}
::-webkit-scrollbar-track{background:transparent}
::-webkit-scrollbar-thumb{background:#334155;border-radius:3px}
::-webkit-scrollbar-thumb:hover{background:#475569}

.mono{font-family:'JetBrains Mono',monospace}

/* CSS properties */
@property --angle{syntax:'<angle>';initial-value:0deg;inherits:false}

/* Dot grid background */
body::before{content:'';position:fixed;inset:0;z-index:0;pointer-events:none;
  background-image:radial-gradient(rgba(99,102,241,0.18) 1.2px,transparent 1.2px);
  background-size:28px 28px}
body>.flex{position:relative;z-index:1}

/* Gradient Text */
.text-gradient{background:linear-gradient(90deg,#818cf8,#c084fc,#f472b6);
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}