@tailwind base;@tailwind components;@tailwind utilities;@layer base{html{scroll-behavior:smooth}body{@apply bg-gradient-to-br from-gray-50 via-white to-indigo-50/30 min-h-screen;}*{@apply border-gray-200;}::selection{@apply bg-brand-200 text-brand-900;}}@layer utilities{.glass{@apply bg-white/70 backdrop-blur-xl border border-white/20 shadow-lg;}.glass-strong{@apply bg-white/85 backdrop-blur-2xl border border-white/30 shadow-xl;}.glass-dark{@apply bg-gray-900/70 backdrop-blur-xl border border-gray-700/50 shadow-xl;}.gradient-text{@apply bg-gradient-to-r from-brand-600 via-brand-500 to-brand-400 bg-clip-text text-transparent;}.gradient-border{@apply relative before:absolute before:inset-0 before:rounded-xl before:bg-gradient-to-r before:from-brand-500 before:to-brand-400 before:-z-10;}.animate-float{animation:float 6s ease-in-out infinite}.animate-float-delayed{animation:float 6s ease-in-out 2s infinite}.scrollbar-thin{scrollbar-width:thin;scrollbar-color:theme("colors.brand.300") transparent}.scrollbar-thin::-webkit-scrollbar{width:6px;height:6px}.scrollbar-thin::-webkit-scrollbar-track{background:transparent}.scrollbar-thin::-webkit-scrollbar-thumb{background:linear-gradient(to bottom,theme("colors.brand.400"),theme("colors.brand.500"));border-radius:3px}.scrollbar-thin::-webkit-scrollbar-thumb:hover{background:linear-gradient(to bottom,theme("colors.brand.500"),theme("colors.brand.600"))}}@layer components{.btn-primary{@apply inline-flex items-center justify-center gap-2 px-5 py-2.5 rounded-xl font-semibold text-white bg-gradient-to-r from-brand-600 to-brand-500 hover:from-brand-700 hover:to-brand-600 shadow-lg shadow-brand-500/25 hover:shadow-brand-500/40 transition-all duration-200 active:scale-[.98] focus:outline-none focus:ring-2 focus:ring-brand-500 focus:ring-offset-2;}.btn-secondary{@apply inline-flex items-center justify-center gap-2 px-5 py-2.5 rounded-xl font-semibold bg-white/80 backdrop-blur-sm border border-gray-200 text-gray-700 hover:bg-white hover:border-gray-300 hover:shadow-md transition-all duration-200 active:scale-[.98] focus:outline-none focus:ring-2 focus:ring-brand-500 focus:ring-offset-2;}.btn-ghost{@apply inline-flex items-center gap-1.5 px-3 py-1.5 rounded-lg font-medium text-gray-600 hover:bg-gray-100 hover:text-gray-900 transition-colors duration-150;}.btn-danger{@apply inline-flex items-center gap-1.5 px-3 py-1.5 rounded-lg font-medium text-red-600 hover:bg-red-50 hover:text-red-700 transition-colors duration-150;}.input-field{@apply w-full px-4 py-3 rounded-xl border border-gray-200 bg-white/80 backdrop-blur-sm text-gray-900 placeholder:text-gray-400 focus:outline-none focus:ring-2 focus:ring-brand-500/50 focus:border-brand-500 transition-all duration-200;}.input-field-error{@apply border-red-300 focus:ring-red-500/50 focus:border-red-500;}.label-field{@apply block text-sm font-medium text-gray-700 mb-1.5;}.card{@apply bg-white/70 backdrop-blur-xl border border-white/30 rounded-2xl shadow-sm hover:shadow-lg hover:border-brand-100 transition-all duration-300;}.card-hover-lift{@apply hover:-translate-y-1 hover:shadow-xl;}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseSoft{0%,to{opacity:1}50%{opacity:.6}}.gradient-bg{@apply relative before:absolute before:inset-0 before:-z-10;background:linear-gradient(135deg,#fafbff,#f0f4ff,#eef2ff)}.gradient-bg:before{content:"";background-image:radial-gradient(ellipse 80% 50% at 50% -20%,rgba(99,102,241,.15),transparent),radial-gradient(ellipse 60% 40% at 80% 100%,rgba(139,92,246,.1),transparent)}.landing-gradient{background:linear-gradient(145deg,#fff,#f8faff 40%,#eef2ff)}.auth-gradient{background:linear-gradient(145deg,#fafbff,#f0f4ff 60%,#e0e7ff)}.dashboard-gradient{background:linear-gradient(180deg,#fafbff,#fff 30%,#f8faff)}.avatar-ring{background:linear-gradient(135deg,#6366f1,#8b5cf6,#6366f1);background-size:200% 200%;animation:gradientShift 3s ease infinite}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}