/* Fallback CSS: provides font-family and basic color variables if Tailwind/Fonts fail */
:root{--purple:#5605ED;--purpleAccent:#7E39FE;--card:#0C0128;--bgBlack:#050505;--cardBorder:#A984FF;--cardAccent:#05A7ED;--cardBodyText:#C2C2C2;--uploadFormBg:#0C0128;--uploadFormBorder:#4906F4;--inputFillBg:#150148;--inputFillBorder:#3805B7;--progressBar:#9D67FF;--progressText:#D4BDFF;--ctaInputBorder:#FFFFFF;--footerButtonBorder:#A984FF;--footerButtonIcon:#600AFE;--priceBlue:#05A7ED;--titleColor:#FFFFFF;--bodyTextColor:#DBDBDB}
html,body{font-family: 'Poppins', Arial, Helvetica, sans-serif;background:#000;color:#DBDBDB}
.font-orbitron{font-family: 'Orbitron', 'Poppins', sans-serif}
.font-poppins{font-family: 'Poppins', sans-serif}
.text-purple{color:var(--purple)!important}
.text-priceBlue{color:var(--priceBlue)!important}
.bg-card{background:var(--card)!important}
.bg-black-custom{background:var(--bgBlack)!important}
.rounded-2xl{border-radius:1rem}
.rounded-xl{border-radius:.75rem}
.shadow-xl{box-shadow:0 10px 30px rgba(0,0,0,0.6)}
.px-4{padding-left:1rem;padding-right:1rem}
.py-4{padding-top:1rem;padding-bottom:1rem}
/* Ensure images cover containers */
.object-cover{object-fit:cover}

/* Simple responsive grid fallback */
.grid-cols-3{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
@media (max-width:900px){.grid-cols-3{grid-template-columns:repeat(2,1fr)}}
@media (max-width:600px){.grid-cols-3{grid-template-columns:1fr}}

/* Common utility fallbacks used in the template */
.bg-purple{background:var(--purple)!important;color:#fff}
.bg-purple:hover{opacity:.95}
.border{border:1px solid rgba(255,255,255,0.04)}
.border-purple\/30{border-color:rgba(86,5,237,0.3)!important}
.rounded-3xl{border-radius:1.25rem}
.text-xs{font-size:0.75rem}
.text-sm{font-size:0.875rem}
.font-bold{font-weight:700}
.uppercase{text-transform:uppercase}
.tracking-wider{letter-spacing:0.06em}
.inline-block{display:inline-block}
.w-full{width:100%}
.h-56{height:14rem}
.h-64{height:16rem}
.h-72{height:18rem}
.p-4{padding:1rem}
.p-6{padding:1.5rem}
.mb-4{margin-bottom:1rem}
.mb-8{margin-bottom:2rem}

/* Generic glow shadow used for purple highlights */
.glow-purple{box-shadow:0 0 30px rgba(86,5,237,0.25)}

/* Try to approximate tailwind arbitrary classes with attribute selectors */
[class*="rounded-"]{overflow:hidden}
[class*="shadow-"]{box-shadow:0 10px 30px rgba(0,0,0,0.6)}