@theme inline{ --color-brand-red: #8B0000; --color-brand-orange: #FF4500; --color-brand-black: #050505; --color-brand-dark: #121212; --color-brand-metallic: #2a2a2a; --color-accent-red: #c41e3a; --color-accent-orange: #ff6347; }@layer utilities{@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-10px) rotate(2deg)}}.animate-fade-in-up{animation:fadeInUp 1s ease-out forwards}.animate-float{animation:float 6s ease-in-out infinite}}@layer components{.metallic-card{background:linear-gradient(145deg,var(--color-brand-metallic),var(--color-brand-black));border:1px solid rgba(255,255,255,.05);box-shadow:5px 5px 15px #00000080,-2px -2px 10px #ffffff05}.metallic-red-gradient{background:linear-gradient(135deg,#4a0000,#8b0000,#ff4500)}.metallic-text{background:linear-gradient(135deg,#ff4500,#8b0000,#4a0000);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.glass-nav{background:#050505d9;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border-bottom:1px solid rgba(139,0,0,.2);box-shadow:0 4px 30px #00000080}.hover-glow:hover{box-shadow:0 0 20px #8b000066;border-color:#ff450066}.section-divider{height:1px;background:linear-gradient(90deg,transparent,#8b0000,transparent)}}html{scroll-behavior:smooth;background-color:var(--color-brand-black)}body{margin:0;padding:0;font-family:Inter,sans-serif;color:#e5e7eb}.font-display{font-family:Space Grotesk,sans-serif}