@tailwind base;@tailwind components;@tailwind utilities;:root{--bg-primary: #ffffff;--bg-secondary: #f5f5f7;--bg-card: rgba(255, 255, 255, .8);--text-primary: #1d1d1f;--text-secondary: #86868b;--accent-primary: #0071e3;--border-color: rgba(0, 0, 0, .1);--glass-bg: rgba(255, 255, 255, .7)}.dark{--bg-primary: #000000;--bg-secondary: #1c1c1e;--bg-card: rgba(28, 28, 30, .8);--text-primary: #f5f5f7;--text-secondary: #86868b;--accent-primary: #2997ff;--border-color: rgba(255, 255, 255, .1);--glass-bg: rgba(28, 28, 30, .7)}body{background-color:var(--bg-primary);color:var(--text-primary);transition:background-color .3s ease,color .3s ease;font-family:SF Pro Display,Cairo,sans-serif}.glass-card{background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-color)}@layer utilities{.scrollbar-hide::-webkit-scrollbar{display:none}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.animate-fade-in-up{animation:fadeInUp .8s cubic-bezier(.16,1,.3,1) forwards;opacity:0;transform:translateY(20px)}.animate-fade-in{animation:fadeIn .5s ease-out forwards}}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}