@tailwind base;@tailwind components;@tailwind utilities;@layer base{:root{--brand-yellow: #ffcc00;--brand-dark: #000000;--brand-grey: #f4f4f4}body{@apply bg-white text-black font-["Noto_Sans","Noto_Sans_Thai",sans-serif] antialiased font-medium;scroll-behavior:smooth;overflow-x:hidden}p{@apply font-medium leading-relaxed;}h1,h2,h3,h4,h5{@apply font-black tracking-tighter text-black uppercase;}}@layer components{.text-outline-black{-webkit-text-stroke:1.5px rgba(0,0,0,.1);color:transparent}.glass-dark{@apply bg-black/40 backdrop-blur-xl border border-white/10;}.glass-light{@apply bg-white/40 backdrop-blur-xl border border-black/5;}.btn-black{@apply relative overflow-hidden bg-black text-white font-black py-5 px-12 rounded-full transition-all duration-700 transform hover:scale-105 hover:bg-[#ffcc00] hover:text-black uppercase tracking-[.3em] text-xs shadow-[0_20px_40px_rgba(0,0,0,.3)] hover:shadow-[#ffcc00]/20;}.btn-yellow{@apply relative overflow-hidden bg-[#ffcc00] text-black font-black py-5 px-12 rounded-full transition-all duration-700 transform hover:scale-105 hover:bg-black hover:text-white uppercase tracking-[.3em] text-xs shadow-[0_20px_40px_rgba(255,204,0,.3)];}.premium-card{@apply bg-white border border-slate-100 rounded-[40px] shadow-[0_20px_50px_rgba(0,0,0,.05)] hover:shadow-[0_40px_80px_rgba(0,0,0,.1)] hover:border-[#ffcc00]/30 transition-all duration-700;}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes blobAnimation{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-50px) scale(1.1)}66%{transform:translate(-20px,20px) scale(.9)}}@keyframes shake{0%,to{transform:rotate(0) scale(1)}10%,30%,50%,70%,90%{transform:rotate(-5deg) scale(1.1)}20%,40%,60%,80%{transform:rotate(5deg) scale(1.1)}}.animate-reveal{animation:fadeInUp 1.2s cubic-bezier(.2,.8,.2,1) forwards}.animate-blob{animation:blobAnimation 10s ease-in-out infinite}.reveal-on-scroll{opacity:0;transform:translateY(30px);transition:all 1s cubic-bezier(.2,.8,.2,1)}.reveal-on-scroll.is-visible{opacity:1;transform:translateY(0)}}
