@tailwind base;@tailwind components;@tailwind utilities;:root{--bg-app: #F5F5F7;--text-primary: #1D1D1F;--text-secondary: #86868b;--accent: #0066CC}body{margin:0;font-family:Instrument Sans,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-app);color:var(--text-primary)}h1,h2,h3,h4,h5,h6,button{font-family:Bebas Neue,sans-serif;letter-spacing:.025em}input,select,textarea{font-family:Instrument Sans,sans-serif}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#d2d2d7;border-radius:10px;border:2px solid #F5F5F7}::-webkit-scrollbar-thumb:hover{background:#86868b}@layer utilities{.glass{@apply bg-white/70 backdrop-blur-xl border-b border-white/20 supports-[backdrop-filter]:bg-white/60;}.glass-card{@apply bg-white/80 backdrop-blur-lg border border-white/40 shadow-[0_8px_30px_rgb(0,0,0,.04)];}.card-shadow{box-shadow:0 4px 24px #0000000a}.hover-lift{@apply transition-all duration-300 ease-out hover:-translate-y-1 hover:shadow-[0_20px_40px_-15px_rgba(0,0,0,.1)];}.input-clean{@apply border-none bg-gray-100/50 focus:bg-white focus:ring-2 focus:ring-blue-500/20 rounded-xl transition-all duration-200 placeholder-gray-400 text-gray-900;}}.btn-primary,.btn-secondary,.btn-danger{font-family:Bebas Neue,sans-serif;letter-spacing:.1em;text-transform:uppercase;font-weight:700;border:2px solid #000;transition:transform .15s ease,box-shadow .15s ease;box-shadow:6px 6px #fff,6px 6px 0 2px #000;cursor:pointer}.btn-primary{background:#000;color:#fff}.btn-secondary{background:#fff;color:#000}.btn-danger{background:#dc2626;color:#fff;border-color:#dc2626;box-shadow:6px 6px #fff,6px 6px 0 2px #dc2626}.btn-primary:hover,.btn-secondary:hover,.btn-danger:hover{transform:translate(2px,2px);box-shadow:4px 4px #fff,4px 4px 0 2px #000}.btn-danger:hover{box-shadow:4px 4px #fff,4px 4px 0 2px #dc2626}.btn-primary:active,.btn-secondary:active,.btn-danger:active{transform:translate(6px,6px);box-shadow:0 0 #fff,0 0 0 2px #000}.btn-danger:active{box-shadow:0 0 #fff,0 0 0 2px #dc2626}.btn-primary:disabled,.btn-secondary:disabled,.btn-danger:disabled{opacity:.5;cursor:not-allowed}.btn-primary:disabled:hover,.btn-secondary:disabled:hover,.btn-danger:disabled:hover{transform:none;box-shadow:6px 6px #fff,6px 6px 0 2px #000}.btn-danger:disabled:hover{box-shadow:6px 6px #fff,6px 6px 0 2px #dc2626}.scrollbar-black::-webkit-scrollbar{width:10px}.scrollbar-black::-webkit-scrollbar-track{background:transparent}.scrollbar-black::-webkit-scrollbar-thumb{background:#000;border:2px solid #fff}.scrollbar-black::-webkit-scrollbar-thumb:hover{background:#333}.scrollbar-black{scrollbar-color:#000 transparent;scrollbar-width:auto}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.animate-fade-in{animation:fadeIn .8s cubic-bezier(.16,1,.3,1) forwards}.animate-slide-up{animation:slideUp .6s cubic-bezier(.16,1,.3,1) forwards}.animate-scale-in{animation:scaleIn .5s cubic-bezier(.16,1,.3,1) forwards}.animation-delay-100{animation-delay:.1s}.animation-delay-200{animation-delay:.2s}.animation-delay-300{animation-delay:.3s}
