@tailwind base;@tailwind components;@tailwind utilities;@layer base{@apply bg-background text-foreground antialiased;body{font-family:theme("fontFamily.sans")}@apply scroll-smooth;@apply outline-2 outline-offset-2 outline-primary;@apply bg-primary text-black;}@layer components{@apply relative w-full min-h-screen flex items-center justify-center overflow-hidden;@apply inline-block bg-gradient-to-r from-primary to-amber-500 text-black font-mono font-bold px-8 py-3 mb-8 uppercase tracking-widest text-sm border-4 border-black rounded-lg;.hero-badge{transition:all .3s;box-shadow:8px 8px #000}.hero-badge:hover{transform:scale(1.05);box-shadow:12px 12px #000}@apply text-5xl md:text-7xl lg:text-8xl font-extrabold uppercase leading-tight drop-shadow-2xl;@apply text-4xl md:text-5xl lg:text-6xl font-black uppercase tracking-tight;@apply text-2xl md:text-3xl font-black uppercase tracking-tight;@apply text-lg md:text-2xl font-mono font-semibold leading-relaxed;@apply text-base md:text-lg font-mono;@apply text-white font-bold uppercase text-sm lg:text-base hover:text-primary transition-colors duration-300;@apply text-primary font-black;@apply bg-white dark:bg-zinc-900 border-2 border-gray-200 dark:border-zinc-700 rounded-2xl shadow-lg hover:shadow-2xl transition-all duration-500;@apply bg-white dark:bg-zinc-900/80 backdrop-blur-sm border-2 border-gray-200 dark:border-zinc-700 rounded-2xl shadow-lg hover:shadow-2xl transition-all duration-500 hover:-translate-y-1;@apply px-4 py-2 border-2 border-black dark:border-white font-bold uppercase text-sm transition-all duration-300 rounded-lg;@apply bg-gradient-to-r from-primary to-amber-500 text-black;.filter-button-active{transform:scale(1.05);box-shadow:4px 4px #000}@apply bg-white dark:bg-zinc-800 hover:shadow-[2px_2px_0px_0px_rgba(0,0,0,1)];@apply w-full px-4 py-3 border-2 border-black dark:border-white bg-white dark:bg-zinc-800 font-mono focus:outline-none focus:ring-4 focus:ring-primary rounded-lg transition-all duration-300 hover:shadow-md;@apply inline-block bg-gradient-to-r from-primary/20 to-amber-500/20 text-gray-800 dark:text-gray-100 text-xs px-3 py-1 rounded-full capitalize font-bold whitespace-nowrap;@apply inline-block bg-gradient-to-r from-primary to-amber-500 text-black text-xs font-black px-3 py-1 rounded-full shadow-lg;@apply hover:text-primary transition-colors duration-300 flex items-center gap-2;@apply text-lg font-black uppercase mb-6 border-b-4 border-primary pb-3 flex items-center gap-2;@apply bg-gradient-to-r from-primary to-amber-500;@apply bg-gradient-to-b from-black via-zinc-950 to-black;@apply bg-gradient-to-r from-primary via-amber-400 to-primary bg-clip-text text-transparent;@apply border-4 border-primary;.shadow-exclusive{box-shadow:8px 8px #000}.shadow-exclusive:hover{box-shadow:12px 12px #000}.shadow-exclusive-dark{box-shadow:8px 8px #fff}.shadow-exclusive-dark:hover{box-shadow:12px 12px #fff}@keyframes slide-in-top{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.animate-slide-in-top{animation:.3s ease-out slide-in-top}@media (max-width:768px){@apply hidden;}@media (min-width:769px){@apply hidden;}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (prefers-color-scheme:dark){.dark-mode-invert{filter:invert()}}}@layer utilities{@apply space-y-4 md:space-y-6 lg:space-y-8;@apply uppercase;@apply tracking-wider;@apply flex items-center justify-center;@apply flex items-center justify-between;@apply absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2;@apply w-full;@apply min-h-screen;@apply opacity-0 hover:opacity-100 transition-opacity duration-300;@apply hover:scale-105 transition-transform duration-300;@apply hover:-translate-y-1 transition-transform duration-300;@apply border-primary;@apply bg-gradient-to-b from-black/80 via-black/20 to-transparent;.shadow-sm-exclusive{box-shadow:4px 4px #000}.shadow-md-exclusive{box-shadow:8px 8px #000}.shadow-lg-exclusive{box-shadow:12px 12px #000}}