@tailwind base;@tailwind components;@tailwind utilities;:root{--radius-xl: 1.5rem;--radius-2xl: 2rem}body{font-family:Inter,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f8fafc;color:#1e293b}.glass{background:#ffffffb3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.3)}.glass-dark{background:#0f172acc;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1)}.card-frame{@apply relative overflow-hidden rounded-[1.25rem] shadow-2xl transition-all duration-500;box-shadow:0 20px 50px -12px #0f172a26,0 0 0 1px #fff6 inset}.card-frame:after{content:"";@apply absolute inset-0 pointer-events-none;background:linear-gradient(135deg,#fff3,#fff0,#0000000d)}.card-frame:hover{@apply -translate-y-1 scale-[1.01];box-shadow:0 30px 60px -12px #6366f133,0 0 0 1px #6366f133 inset}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.animate-in{animation:fadeIn .4s ease-out forwards}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}.card-hover{transition:all .3s cubic-bezier(.4,0,.2,1)}.card-hover:hover{transform:translateY(-4px);box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.font-ethiopi{font-family:Noto Sans Ethiopic,sans-serif}@media(max-width:640px){.mobile-hide{display:none}.mobile-full{width:100%}}