@tailwind base;@tailwind components;@tailwind utilities;:root{--paper: #032221;--ink: #ffffff;--n1-orange: #2cc295;--n1-green: #00df81;--n1-navy: #06302b}@layer base{html{scroll-behavior:smooth;background-color:var(--paper);color:var(--ink)}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#0b0c0c}::-webkit-scrollbar-thumb{background:#333;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#555}}@layer components{.debossed-text{color:var(--paper);text-shadow:-1px -1px 2px rgba(0,0,0,.8),1px 1px 1px rgba(255,255,255,.1);filter:blur(.4px)}.debossed-text-light{text-shadow:-1px -1px 0 rgba(0,0,0,.5),1px 1px 0 rgba(255,255,255,.1)}.text-shadow-debossed{text-shadow:-1px -1px 1px rgba(0,0,0,.8),1px 1px 1px rgba(255,255,255,.05)}.content-well{background:var(--paper);box-shadow:inset 6px 6px 12px #0009,inset -2px -2px 6px #ffffff0d;border:1px solid rgba(255,255,255,.1);transition:all .3s cubic-bezier(.25,1,.5,1)}.raised-panel{background:var(--paper);box-shadow:5px 5px 10px #00000080,-1px -1px 1px #ffffff0f;border:1px solid rgba(255,255,255,.1);transition:transform .3s cubic-bezier(.25,1,.5,1),box-shadow .3s ease}.raised-panel:hover{transform:translateY(-2px);box-shadow:8px 8px 16px #0009,-2px -2px 4px #ffffff14}.custom-scrollbar::-webkit-scrollbar{width:4px}.custom-scrollbar::-webkit-scrollbar-track{background:#ffffff05}.custom-scrollbar::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes grid-movement{0%{background-position:0 0}to{background-position:0 4rem}}.animated-grid{background-size:4rem 4rem;background-image:linear-gradient(to right,rgba(6,48,43,.3) 1px,transparent 1px),linear-gradient(to bottom,rgba(6,48,43,.3) 1px,transparent 1px);animation:grid-movement 3s linear infinite;mask-image:radial-gradient(ellipse 80% 80% at 50% 50%,#000 40%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 80% 80% at 50% 50%,#000 40%,transparent 100%)}
