@tailwind base;@tailwind components;@tailwind utilities;:root{--primary-gradient: linear-gradient(135deg, #3B82F6 0%, #2563EB 50%, #1D4ED8 100%);--primary-color: #2563EB;--app-bg: #F7F9FC;--active-bg: #EEF2FF;--surface-color: #FFFFFF;--text-title: #1A1D1F;--text-body: #6F767E;--card-radius: 24px;--pill-radius: 999px;--card-shadow: 0 10px 30px -10px rgba(37, 99, 235, .15);--nav-shadow: 0 -4px 20px rgba(0, 0, 0, .02)}html,body{margin:0;padding:0;background-color:var(--app-bg);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:var(--text-body)}.bg-primary-gradient{background:var(--primary-gradient);background-size:200% 200%;animation:gradient-shift 6s ease infinite}.text-primary-gradient{background:var(--primary-gradient);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradient-shift 6s ease infinite}.shadow-card{box-shadow:var(--card-shadow)}.shadow-nav{box-shadow:var(--nav-shadow)}.rounded-card{border-radius:var(--card-radius)}.rounded-pill{border-radius:var(--pill-radius)}@keyframes gradient-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes pulse-slow{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.95)}}.animate-pulse-slow{animation:pulse-slow 4s ease-in-out infinite}@keyframes sparkle{0%,to{opacity:.1;transform:scale(.9)}50%{opacity:1;transform:scale(1.2)}}