/* OCnians VIP — My Account area */
.ocnians-vip-account { max-width: 560px; }
.ocnians-vip-card { border-radius: 16px; padding: 18px; color: #f3efe2;
	background: linear-gradient(135deg, #1c6b4f, #0f3d2c); border: 1px solid rgba(237,171,46,.45); }
.ocnians-vip-card__top { display: flex; flex-direction: column; gap: 3px; margin-bottom: 14px; }
.ocnians-vip-card__badge { align-self: flex-start; font-size: 11px; font-weight: 800; letter-spacing: .1em;
	color: #1a1206; background: linear-gradient(135deg,#ffd166,#ff9e3d); padding: 3px 10px; border-radius: 999px; }
.ocnians-vip-card__name { font-size: 20px; font-weight: 800; }
.ocnians-vip-card__no { font-size: 12px; color: #bfe0cd; }
.ocnians-vip-card__stats { display: flex; gap: 10px; flex-wrap: wrap; }
.ocnians-vip-card__stats > div { flex: 1; min-width: 120px; display: flex; flex-direction: column; gap: 2px;
	padding: 10px 12px; border-radius: 11px; background: rgba(0,0,0,.22); }
.ocnians-vip-card__stats span { font-size: 10px; letter-spacing: .08em; text-transform: uppercase; color: #9ec7af; }
.ocnians-vip-card__stats strong { font-size: 15px; color: #f3efe2; }
.ocnians-vip-benefits { list-style: none; margin: 16px 0; padding: 0; display: grid; gap: 6px; }
.ocnians-vip-benefits li { font-size: 14px; color: #2c2c2c; }