@tailwind base;@tailwind components;@tailwind utilities;:root{--glass-bg: rgba(255, 255, 255, .7);--glass-border: rgba(255, 255, 255, .5);--blur: 40px;--shadow-soft: 0 20px 40px -5px rgba(22, 13, 77, .08);--color-lavender: #a78bfa}body{font-family:Outfit,sans-serif;color:var(--text-dark);line-height:1.5;background:linear-gradient(135deg,#eef2ff,#e0e7ff 30%,#f3e8ff 70%,#fff);background-size:200% 200%;animation:gradientBG 20s ease infinite;min-height:100vh}@keyframes gradientBG{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@layer components{.glass-card{@apply bg-white border border-white/60 rounded-[32px] p-8 shadow-glass transition-all duration-300;}.glass-card:hover{@apply -translate-y-1 shadow-glass-hover;}.glass-btn{@apply px-4 py-2 bg-white/50 hover:bg-white/80 text-slate-800 font-semibold rounded-2xl transition-colors backdrop-blur-md border border-white/40 shadow-sm;}.nav-item{@apply flex items-center gap-3 px-4 py-3 rounded-2xl text-slate-600 font-medium transition-colors hover:bg-white/40 hover:text-indigo-600;}.nav-item.active{@apply bg-white text-indigo-700 shadow-glass;}}