.cosmo-card{
  background: rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.10);
  border-radius: 18px;
  padding:16px;
  box-shadow: 0 18px 50px rgba(0,0,0,.22);
}
.cosmo-muted{color: rgba(234,240,255,.74)}
.cosmo-form{display:grid; gap:10px; margin-top:12px}
.cosmo-form input[type="text"], .cosmo-form input[type="email"], .cosmo-form input[type="file"]{
  width:100%;
  padding:10px 12px;
  border-radius: 14px;
  border:1px solid rgba(255,255,255,.12);
  background: rgba(0,0,0,.18);
  color: #eaf0ff;
}
.cosmo-btn{
  display:inline-flex; align-items:center; justify-content:center;
  padding:10px 14px; border-radius:14px;
  border:1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.06);
  color: #eaf0ff; text-decoration:none;
  cursor:pointer;
}
.cosmo-btn.primary{
  background: linear-gradient(135deg, rgba(200,163,90,.95), rgba(200,163,90,.65));
  border-color: rgba(200,163,90,.55);
  color:#111;
}
.cosmo-grid{display:grid; grid-template-columns: repeat(3, 1fr); gap:12px; margin-top:12px}
.cosmo-grid3{display:grid; grid-template-columns: repeat(3, 1fr); gap:12px; margin-top:12px}
@media (max-width: 920px){
  .cosmo-grid,.cosmo-grid3{grid-template-columns: 1fr}
}
.cosmo-brand-tile{
  display:flex; flex-direction:column; gap:8px;
  padding:14px; border-radius: 18px;
  background: rgba(255,255,255,.03);
  border:1px solid rgba(255,255,255,.10);
  text-decoration:none;
}
.cosmo-brand-tile img{max-width:120px; border-radius:14px}
.cosmo-brand-hero{
  margin-bottom:14px;
  padding:18px;
  border-radius: 22px;
  border:1px solid rgba(255,255,255,.10);
  background:
    radial-gradient(700px 200px at 20% 0%, color-mix(in srgb, var(--c1) 35%, transparent), transparent 60%),
    radial-gradient(600px 220px at 90% 0%, color-mix(in srgb, var(--c2) 30%, transparent), transparent 60%),
    rgba(255,255,255,.03);
}
.cosmo-brand-logo{max-width:160px; border-radius:18px; border:1px solid rgba(255,255,255,.12)}
.cosmo-brand-title{margin:10px 0 4px}
.cosmo-brand-actions{margin-top:10px}
.cosmo-row{display:grid; grid-template-columns: 1fr 1fr; gap:12px}
@media (max-width: 920px){ .cosmo-row{grid-template-columns:1fr} }
.cosmo-box{
  border-radius: 18px;
  border:1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.03);
  padding:14px;
}
.cosmo-kpi{
  border-radius: 18px;
  border:1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.03);
  padding:14px;
}
.cosmo-kpi-val{font-weight:800; margin-top:4px}
.cosmo-table{width:100%; border-collapse:collapse; margin-top:10px; font-size:14px}
.cosmo-table th, .cosmo-table td{
  border-bottom:1px solid rgba(255,255,255,.08);
  padding:8px 6px; text-align:left;
}
.cosmo-ol{color: rgba(234,240,255,.74); line-height:1.9}
.cosmo-faq-item{
  border:1px solid rgba(255,255,255,.10);
  border-radius: 14px;
  padding:10px 12px;
  background: rgba(255,255,255,.03);
  margin-top:10px;
}

.cosmo-rtl .cosmo-table th, .cosmo-rtl .cosmo-table td{ text-align:right }
.cosmo-rtl .cosmo-form{ direction:rtl }

.cosmo-table-wrap{overflow:auto;border:1px solid rgba(255,255,255,.08);border-radius:14px}