@tailwind base;@tailwind components;@tailwind utilities;:root{--color-black: #ffffff;--color-grey: rgba(255, 255, 255, .08);--color-sage: #1e1e20;--color-orange: #dc2626;--color-white: #121214;--color-off-white: #0a0a0c}html{scroll-behavior:smooth;background-color:var(--color-off-white)}body{font-family:Plus Jakarta Sans,sans-serif;background-color:var(--color-off-white);color:var(--color-black);overflow-x:hidden;-webkit-font-smoothing:antialiased}.font-display{font-family:Space Grotesk,sans-serif}::-webkit-scrollbar{width:10px;background-color:#0a0a0c}::-webkit-scrollbar-thumb{background:#27272a;border-radius:9999px;border:2px solid #0a0a0c}::-webkit-scrollbar-thumb:hover{background:#dc2626}.border-retro{border:1px solid var(--color-grey)}.shadow-retro,.shadow-retro-sm,.shadow-retro-lg{box-shadow:0 4px 20px -2px #0006}.card-window{background-color:#121214!important;border:1px solid rgba(255,255,255,.08)!important;box-shadow:0 20px 40px -15px #000000b3!important;position:relative;overflow:hidden;border-radius:16px!important}.window-header{background-color:#18181b!important;color:#e4e4e7!important;padding:.75rem 1.25rem!important;border-bottom:1px solid rgba(255,255,255,.08)!important;display:flex;align-items:center;justify-content:space-between}.window-title{@apply font-display font-semibold uppercase tracking-wider text-xs;}.btn-retro{background-color:#18181b!important;color:#fff!important;border:1px solid rgba(255,255,255,.08)!important;box-shadow:0 4px 6px -1px #0003!important;border-radius:12px!important;@apply font-display font-semibold uppercase tracking-wider px-6 py-3 transition-all active:translate-y-[1px] hover:bg-zinc-800 hover:border-red-600/30 hover:shadow-[0_0_15px_rgba(220,38,38,.1)];}.btn-retro-primary{background-color:#dc2626!important;color:#fff!important;border:1px solid rgba(255,255,255,.1)!important;box-shadow:0 4px 6px -1px #0003!important;border-radius:12px!important;@apply hover:bg-red-500 hover:shadow-[0_0_20px_rgba(220,38,38,.3)] transition-all;}.btn-retro-secondary{background-color:#27272a!important;color:#fff!important;border:1px solid rgba(255,255,255,.08)!important;box-shadow:0 4px 6px -1px #0003!important;border-radius:12px!important;@apply hover:bg-zinc-800 transition-all;}.text-stroke-black{-webkit-text-stroke:1px rgba(255,255,255,.3);color:transparent}.bg-grid-pattern{background-size:40px 40px;background-image:linear-gradient(to right,rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.03) 1px,transparent 1px)}::selection{background-color:var(--color-orange);color:#fff}