@tailwind base;@tailwind components;@tailwind utilities;*{font-family:Inter,sans-serif}:root{--primary-color: #FCB71B;--primary-hover: #e5a618;--dark-bg: #0a0a0a;--card-bg: #1a1a1a;--text-dark: #ffffff;--text-light: #9ca3af}body{background-color:var(--dark-bg)}.gradient-bg{background:linear-gradient(135deg,#fcb71b,#ff9800)}.gradient-text{background:linear-gradient(135deg,#fcb71b,#ff9800);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.card-hover{transition:all .3s ease}.card-hover:hover{transform:translateY(-8px);box-shadow:0 20px 40px #fcb71b33}.feature-icon{transition:all .3s ease}.card-hover:hover .feature-icon{transform:scale(1.1)}.animate-fade-in{animation:fadeIn 1s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.hero-image{animation:float 8s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.fade-in{opacity:0;transform:translateY(30px);transition:opacity .8s ease-out,transform .8s ease-out}.fade-in.visible{opacity:1;transform:translateY(0)}@media(max-width:768px){.mobile-card-border{border:1px solid rgba(107,114,128,.3);border-radius:1.5rem;padding:2rem;background:#0d0c154d}}