@tailwind base;@tailwind components;@tailwind utilities;@layer base{body{@apply bg-slate-50 text-slate-900 antialiased;background:linear-gradient(135deg,#e0f2fe,#bae6fd,#f0f9ff);background-attachment:fixed;font-size:16px}}@layer components{.glass-tile{@apply bg-white/80 backdrop-blur-2xl border border-white/80 shadow-[0_20px_40px_rgba(14,165,233,.15),0_0_0_1px_rgba(255,255,255,1)] rounded-[2rem];}.volumetric-input{@apply bg-white border border-slate-200 shadow-sm hover:border-sky-300 focus:bg-white text-slate-900 placeholder-slate-400 font-medium transition-all duration-200 rounded-xl outline-none focus:ring-4 focus:ring-sky-200 focus:border-sky-500;}.btn-sky{@apply bg-gradient-to-r from-sky-500 to-blue-600 text-white font-bold tracking-wide shadow-[0_8px_20px_rgba(14,165,233,.3)] hover:shadow-[0_12px_24px_rgba(14,165,233,.4)] hover:-translate-y-0.5 active:translate-y-0 border border-white/20 transition-all duration-200 rounded-xl;}.btn-glass{@apply bg-white text-slate-700 font-bold border border-slate-200 shadow-sm hover:bg-slate-50 hover:text-sky-600 hover:border-sky-200 transition-all duration-200 rounded-xl;}}@keyframes fade-in-scale-up{0%{opacity:0;transform:scale(.98) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.animate-fade-in-scale-up{animation:fade-in-scale-up .4s ease-out cubic-bezier(.2,.8,.2,1) forwards}@keyframes subtle-float{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.animate-subtle-float{animation:subtle-float 4s ease-in-out infinite}
