/* Fokat Loot unified user experience — Basic, Premium and Web */
:root{
 --fl-primary:#5b50c9;--fl-primary-2:#7668e6;--fl-bg:#f4f6fa;--fl-card:#fff;
 --fl-text:#172033;--fl-muted:#718096;--fl-line:#e7eaf0;--fl-success:#119a70;--fl-danger:#d74b61;
 --fl-radius:16px;--fl-shadow:0 8px 30px rgba(20,28,48,.055);
}
html,body{background:var(--fl-bg);color:var(--fl-text)}
body{font-family:Poppins,Inter,system-ui,-apple-system,"Segoe UI",sans-serif}
.user-shared-header,.v5-header{border-bottom:1px solid var(--fl-line)}
.container,.wrap{max-width:1180px}
.card,.box,.panel,.form-card,.profile-card,.notification-card,.offer-card{
 border:1px solid var(--fl-line)!important;border-radius:var(--fl-radius)!important;
 box-shadow:var(--fl-shadow)!important;background:var(--fl-card)!important;color:var(--fl-text)!important;
}
button,.btn,.claim-btn,.start-btn,.view-btn,.hero-btn{
 border-radius:12px!important;font-weight:700!important;
}
input,select,textarea{border-radius:12px!important;border-color:#dfe4ec!important}
.offer-card,.offer-card-v5{overflow:hidden;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.offer-card:hover,.offer-card-v5:hover{transform:translateY(-2px);box-shadow:0 14px 34px rgba(20,28,48,.09)!important}
.offer-card .offer-title,.offer-card-v5 .offer-title{font-weight:800;color:var(--fl-text)}
.offer-card .offer-desc,.offer-description-v5{color:var(--fl-muted)}
.offer-card .offer-reward,.offer-reward-v5{font-weight:800;color:var(--fl-primary)}
.claim-btn,.offer-btn-v5,.start-btn{background:linear-gradient(135deg,var(--fl-primary-2),var(--fl-primary))!important;color:#fff!important;border:0!important}
.basic,.basic-offer,.premium,.premium-offer,.offer-card.basic,.offer-card.premium{
 border-radius:var(--fl-radius)!important;box-shadow:var(--fl-shadow)!important;
}
.premium,.premium-offer,.offer-card.premium{border-color:rgba(118,104,230,.35)!important}
.fl-status-hold,.status.hold{background:#fff7e6!important;color:#9a6700!important;border-color:#f3d49b!important}
.status.approved,.status.paid{color:#087a59}
.status.rejected,.status.failed,.status.cancelled,.status.declined{color:#b42335}
.user-global-announcement{max-width:1180px;margin:10px auto!important;border-radius:12px!important}
@media(max-width:700px){
 .container,.wrap{width:calc(100% - 20px)!important;margin-left:auto!important;margin-right:auto!important}
 .offer-card,.offer-card-v5{border-radius:14px!important}
}