body {
  font-family: 'Tiny5', cursive;
}
.grad-text{background:linear-gradient(90deg,#93c5fd,#a78bfa,#34d399);-webkit-background-clip:text;background-clip:text;color:transparent}
.soft-card{background:rgba(2,6,23,.6)}
.ring-sky{--tw-ring-color:rgba(56,189,248,.4)}
.glow{box-shadow:0 0 24px rgba(56,189,248,.25), inset 0 0 24px rgba(56,189,248,.12)}
.parchment{background-image:radial-gradient(50% 50% at 50% 0%,rgba(148,163,184,.08),rgba(2,6,23,0)),url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="800" height="800"><filter id="n"><feTurbulence type="fractalNoise" baseFrequency="0.7" numOctaves="2" stitchTiles="stitch"/></filter><rect width="100%" height="100%" filter="url(%23n)" opacity="0.04"/></svg>')}
.scrollbar::-webkit-scrollbar{height:10px;width:10px}
.scrollbar::-webkit-scrollbar-thumb{background:#334155;border-radius:9999px}