@tailwind base;@tailwind components;@tailwind utilities;@layer base{html{scroll-behavior:smooth;background-color:#020617;overscroll-behavior:none}body{@apply bg-slate-950 text-slate-300 font-sans antialiased selection:bg-indigo-500/30 selection:text-indigo-200;}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#0f172a}::-webkit-scrollbar-thumb{background:#334155;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#475569}}@layer components{.glass-panel{background:#0f172a99;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.08);transition:all .3s cubic-bezier(.4,0,.2,1)}.glass-panel:hover{border-color:#6366f14d}.text-stroke{-webkit-text-stroke:1px rgba(255,255,255,.1);color:transparent}.code-bg{background-image:linear-gradient(0deg,transparent 24%,rgba(99,102,241,.1) 25%,rgba(99,102,241,.1) 26%,transparent 27%,transparent 74%,rgba(99,102,241,.1) 75%,rgba(99,102,241,.1) 76%,transparent 77%,transparent),linear-gradient(90deg,transparent 24%,rgba(99,102,241,.1) 25%,rgba(99,102,241,.1) 26%,transparent 27%,transparent 74%,rgba(99,102,241,.1) 75%,rgba(99,102,241,.1) 76%,transparent 77%,transparent);background-size:50px 50px;animation:moveCode 20s linear infinite}.grid-mask{mask-image:linear-gradient(to bottom,black 60%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,black 60%,transparent 100%)}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes moveCode{0%{background-position:0 0}to{background-position:0 1000px}}.animate-cursor{animation:blink 1s step-end infinite}.spotlight{background:radial-gradient(600px circle at var(--mouse-x) var(--mouse-y),rgba(255,255,255,.06),transparent 40%)}h1,h2,h3,h4,h5,h6{@apply font-sans font-bold text-white;}