.live-result-bar {
	max-width: 1200px;
	margin: 30px auto;
	font-family: 'Orbitron', sans-serif;
}

.result-item {
	background: radial-gradient(circle at top, #07140c, #000000 70%);
	color: #ffffff;
	padding: 22px 28px;
	margin: 18px 0;
	border-radius: 24px;
	border: 2px solid rgba(0,255,102,0.6);
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 18px;
	position: relative;
	overflow: hidden;
	box-shadow:
		0 0 2px rgba(0,255,102,0.35),
		0 0 5px rgba(0,200,83,0.55),
		inset 0 0 3px rgba(0,0,0,0.9);
}

.result-item::before {
	content: "";
	position: absolute;
	inset: -50%;
	background:
		radial-gradient(circle, rgba(0,255,102,0.15), transparent 60%);
	animation: smokeMove 12s linear infinite;
	pointer-events: none;
}

@keyframes smokeMove {
	0% {
		transform: rotate(0deg) translateY(0);
	}

	100% {
		transform: rotate(360deg) translateY(-80px);
	}
}

.icon {
	background: linear-gradient(145deg, #b8ffd3, #00ff66, #00c853, #007a34);
	color: #001a0b;
	padding: 12px 24px;
	border-radius: 50px;
	font-weight: 900;
	font-size: 14px;
	box-shadow:
		0 0 3px rgba(0,255,102,0.9),
		inset 0 0 2px rgba(0,0,0,0.6);
}

.market {
	flex: 1;
	font-size: 18px;
	font-weight: 900;
	color: #00ff66;
	text-shadow:
		0 0 1px rgba(0,255,102,0.8),
		0 0 3px rgba(0,200,83,1);
}

.timer {
	font-size: 50px;
	font-weight: 900;
	color: #00ff66;
	min-width: 220px;
	text-align: right;
	text-shadow:
		0 0 1px rgba(0,255,102,1),
		0 0 3px rgba(0,217,90,1);
}

.info {
	flex-basis: 100%;
	font-size: 14px;
	color: #f3fff7;
	opacity: 0.85;
	margin-top: 12px;
	text-shadow: 0 0 3px rgba(184,255,211,0.35);
}

@media (max-width: 768px) {
	.result-item {
		flex-direction: column;
		text-align: center;
	}

	.timer {
		text-align: center;
	}
}

.RIMBATOTO-card {
	max-width:600px;
	width:100%;
	margin:20px auto;
	position:relative;
	overflow:hidden;
	border-radius:24px;
	padding:28px 24px;
	background:radial-gradient(circle at top left,rgba(0,255,102,.12),transparent 38%),radial-gradient(circle at bottom right,rgba(0,180,72,.10),transparent 42%),linear-gradient(145deg,#000000 0%,#050b07 45%,#07140c 100%);
	border:1px solid rgba(0,255,102,.45);
	color:#fff;
}
.RIMBATOTO-card::before {
	content:"☾";
	position:absolute;
	top:18px;
	right:28px;
	font-size:70px;
	color:rgba(0,255,102,.18);
	text-shadow:0 0 20px rgba(0,255,102,.35);
}
.RIMBATOTO-card::after {
	content:"✦ ✧ ✦ ✧ ✦ ✧";
	position:absolute;
	top:25px;
	left:22px;
	width:90%;
	font-size:18px;
	letter-spacing:18px;
	color:rgba(0,255,102,.28);
	animation:starFloat 6s ease-in-out infinite alternate;
}
@keyframes starFloat {
	from {
		transform:translateY(0);
		opacity:.45;
	}
	to {
		transform:translateY(12px);
		opacity:.9;
	}
}
.hero-title {
	position:relative;
	z-index:2;
	text-align:center;
	margin-bottom:20px;
}
.hero-title h1 {
	font-size:24px;
	line-height:1.35;
	margin:0;
	color:#ffffff;
	font-weight:800;
}
.hero-title h1 span {
	color:#00ff66;
	text-shadow:0 0 10px rgba(0,255,102,.45);
}
.info-container,.bonus-wrap {
	position:relative;
	z-index:2;
	background:rgba(0,8,4,.78);
	border:1px solid rgba(0,255,102,.35);
	border-radius:18px;
	overflow:hidden;
	backdrop-filter:blur(8px);
	box-shadow:inset 0 0 12px rgba(0,255,102,.04);
}
.info-head {
	padding:12px 16px;
	background:linear-gradient(135deg,#000000,#07140c,#000000);
	border-bottom:1px solid rgba(0,255,102,.25);
}
.info-head h2 {
	margin:0;
	font-size:15px;
	text-align:center;
	color:#00ff66;
	letter-spacing:.8px;
}
.info-head h2:after {
	content:" RIMBATOTO";
}
.info-row {
	padding:12px 16px;
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:10px;
	border-bottom:1px solid rgba(0,255,102,.12);
}
.info-row:last-child {
	border-bottom:none;
}
.info-label {
	display:flex;
	align-items:center;
	gap:9px;
}
.info-dot,.gold-icon {
	width:7px;
	height:7px;
	background:linear-gradient(to bottom,#b8ffd3 0%,#00ff66 35%,#00c853 60%,#007a34 100%);
	border-radius:50%;
	box-shadow:0 0 10px rgba(0,255,102,.55);
}
.info-text {
	font-size:14px;
	font-weight:600;
	color:#f3fff7;
}
.info-number {
	font-size:13px;
	font-weight:800;
	color:#001a0b;
	background:linear-gradient(to bottom,#b8ffd3 0%,#00ff66 25%,#00d95a 50%,#009640 75%,#00c853 100%);
	padding:5px 12px;
	border-radius:30px;
	white-space:nowrap;
	border:1px solid rgba(0,255,102,.45);
	box-shadow:inset 0 1px 2px rgba(255,255,255,.45),0 0 10px rgba(0,255,102,.12);
}
.bonus-wrap {
	margin:20px 0 22px;
	padding:18px 16px;
	text-align:center;
}
.bonus-head {
	display:flex;
	align-items:center;
	justify-content:center;
	gap:9px;
	margin-bottom:14px;
}
.bonus-head h3 {
	margin:0;
	font-size:15px;
	color:#00ff66;
}
.bonus-list {
	display:grid;
	gap:10px;
}
.bonus-item {
	padding:11px 14px;
	border-radius:14px;
	background:linear-gradient(135deg,#030a06,#07140c,#030a06);
	border-left:3px solid #00ff66;
	text-align:left;
}
.bonus-item p {
	margin:0;
	font-size:14px;
	font-weight:650;
	color:#ffffff;
}
.highlight-gold {
	color:#00ff66;
}
.cta-buttons-gold {
	position:relative;
	z-index:2;
	display:flex;
	gap:12px;
	justify-content:center;
	flex-wrap:wrap;
}
.btn-gold {
	display:inline-block;
	min-width:150px;
	padding:12px 28px;
	border-radius:40px;
	font-size:14px;
	font-weight:800;
	text-align:center;
	text-decoration:none;
	transition:.25s ease;
}
.btn-login-gold {
	color:#00ff66;
	border:1px solid rgba(0,255,102,.55);
	background:linear-gradient(135deg,#000000,#07140c,#000000);
}
.btn-register-gold {
	color:#001a0b;
	border:1px solid rgba(0,255,102,.6);
	background:linear-gradient(to bottom,#b8ffd3 0%,#00ff66 25%,#00d95a 50%,#009640 75%,#00c853 100%);
}
.btn-gold:hover {
	transform:translateY(-2px);
	box-shadow:0 8px 18px rgba(0,255,102,.28);
}
@media (max-width:480px) {
	.RIMBATOTO-card {
		padding:24px 16px;
		border-radius:20px;
	}
	.hero-title h1 {
		font-size:20px;
	}
	.info-row {
		align-items:flex-start;
		flex-direction:column;
	}
	.info-number {
		align-self:flex-start;
	}
}
.RIMBATOTO-section,.RIMBATOTO-section * {
	box-sizing:border-box;
}
.RIMBATOTO-section {
	--faq-blue:#00ff66;
	--faq-blue-light:#baffd2;
	--faq-yellow:#00c853;
	--faq-dark:#050505;
	--faq-card:#06100a;
	--faq-text:#ffffff;
	--faq-muted:#d7f5e1;
	position:relative;
	display:block;
	width:100%;
	max-width:1000px;
	margin:18px auto;
	padding:20px 16px;
	transform:none;
	overflow:hidden;
	color:var(--faq-text);
	border:1px solid rgba(0,255,102,0.55);
	border-radius:12px;
	background:radial-gradient(circle at 100% 0,rgba(0,255,102,0.11),transparent 22%),linear-gradient(145deg,#000000,#06100a 72%);
	font-family:Arial,Helvetica,sans-serif;
}
.RIMBATOTO-section::before {
	content: "";
	position:absolute;
	top:-55px;
	right:-45px;
	width:130px;
	height:130px;
	border:16px solid rgba(0,255,102,0.06);
	border-radius:50%;
	pointer-events:none;
}
.RIMBATOTO-section::after {
	content: "";
	position:absolute;
	right:0;
	bottom:0;
	left:0;
	height:2px;
	background:linear-gradient(90deg,transparent,var(--faq-blue),var(--faq-yellow),transparent);
	box-shadow:0 0 12px rgba(0,255,102,0.55);
}
.RIMBATOTO-heading {
	position:relative;
	z-index:2;
	max-width:800px;
	margin:0 auto 14px;
	text-align:center;
}
.RIMBATOTO-mini-title {
	display:inline-flex;
	align-items:center;
	gap:5px;
	margin-bottom:5px;
	padding:4px 12px;
	color:#001a0b;
	font-size:9px;
	font-weight:900;
	letter-spacing:1.3px;
	border-radius:30px;
	background:linear-gradient(90deg,#007a33,#00c853,#00ff66,#baffd2);
	border:1px solid rgba(0,255,102,0.55);
	box-shadow:0 0 12px rgba(0,255,102,0.25),inset 0 1px 1px rgba(255,255,255,0.4);
}
.RIMBATOTO-mini-title::before,.RIMBATOTO-mini-title::after {
	content: "✦";
	font-size:7px;
}
.RIMBATOTO-heading h2 {
	margin:0 0 5px;
	color:#ffffff;
	font-size:clamp(20px,3vw,28px);
	line-height:1.15;
	text-transform:uppercase;
	text-shadow:0 0 13px rgba(0,255,102,0.25),0 2px 4px rgba(0,0,0,0.7);
}
.RIMBATOTO-heading h2::before {
	content: "FAQ Seputar RIMBATOTO";
}
.RIMBATOTO-heading h2::after {
	content: "";
	display:block;
	width:75px;
	height:3px;
	margin:7px auto 0;
	border-radius:10px;
	background:linear-gradient(90deg,#007a33,#00ff66,#baffd2,#00c853);
	box-shadow:0 0 8px rgba(0,255,102,0.28);
}
.RIMBATOTO-heading p {
	margin:7px 0 0;
	color:var(--faq-muted);
	font-size:12px;
	line-height:1.5;
}
.RIMBATOTO-list {
	position:relative;
	z-index:2;
	display:grid;
	gap:7px;
}
.RIMBATOTO-item {
	position:relative;
	overflow:hidden;
	border:1px solid rgba(0,255,102,0.38);
	border-radius:8px;
	background:linear-gradient(100deg,rgba(0,255,102,0.06),transparent 34%),var(--faq-card);
	box-shadow:0 4px 12px rgba(0,0,0,0.35),inset 0 1px rgba(255,255,255,0.03);
	transition:border-color 0.25s ease,transform 0.25s ease,box-shadow 0.25s ease;
}
.RIMBATOTO-item::before {
	content: "";
	position:absolute;
	top:0;
	left:-100%;
	width:60%;
	height:2px;
	background:linear-gradient(90deg,transparent,var(--faq-blue),transparent);
	transition:left 0.55s ease;
}
.RIMBATOTO-item:hover {
	transform:translateY(-1px);
	border-color:rgba(0,255,102,0.75);
	box-shadow:0 6px 15px rgba(0,0,0,0.4),0 0 12px rgba(0,255,102,0.12);
}
.RIMBATOTO-item:hover::before {
	left:130%;
}
.RIMBATOTO-item[open] {
	border-color:rgba(0,255,102,0.75);
	box-shadow:0 7px 16px rgba(0,0,0,0.42),0 0 13px rgba(0,255,102,0.12);
}
.RIMBATOTO-item summary {
	display:grid;
	grid-template-columns:38px 1fr 27px;
	align-items:center;
	min-height:44px;
	padding:4px 8px 4px 5px;
	cursor:pointer;
	list-style:none;
	user-select:none;
}
.RIMBATOTO-item summary::-webkit-details-marker {
	display:none;
}
.RIMBATOTO-number {
	display:flex;
	align-items:center;
	justify-content:center;
	width:32px;
	height:32px;
	color:#001a0b;
	font-size:15px;
	font-weight:900;
	border-radius:7px 3px 7px 3px;
	background:linear-gradient(145deg,var(--faq-blue-light),var(--faq-blue),#00c853);
	border:1px solid rgba(0,255,102,0.5);
	box-shadow:0 0 10px rgba(0,255,102,0.28),inset 0 1px rgba(255,255,255,0.5);
	transform:skewX(-5deg);
}
.RIMBATOTO-question {
	padding:0 9px;
	color:#ffffff;
	font-size:15px;
	font-weight:800;
	line-height:1.3;
}
.RIMBATOTO-icon {
	position:relative;
	display:block;
	width:23px;
	height:23px;
	border:1px solid rgba(0,255,102,0.65);
	border-radius:50%;
	background:rgba(0,255,102,0.06);
	box-shadow:inset 0 0 6px rgba(0,255,102,0.05);
	transition:transform 0.3s ease,background 0.3s ease;
}
.RIMBATOTO-icon::before,.RIMBATOTO-icon::after {
	content: "";
	position:absolute;
	top:50%;
	left:50%;
	width:9px;
	height:1.5px;
	border-radius:5px;
	background:#00ff66;
	transform:translate(-50%,-50%);
}
.RIMBATOTO-icon::after {
	transform:translate(-50%,-50%) rotate(90deg);
	transition:transform 0.3s ease;
}
.RIMBATOTO-item[open] .RIMBATOTO-icon {
	background:linear-gradient(145deg,#baffd2,#00ff66,#00c853);
	transform:rotate(180deg);
	box-shadow:0 0 10px rgba(0,255,102,0.25);
}
.RIMBATOTO-item[open] .RIMBATOTO-icon::before,.RIMBATOTO-item[open] .RIMBATOTO-icon::after {
	background:#001a0b;
}
.RIMBATOTO-item[open] .RIMBATOTO-icon::after {
	transform:translate(-50%,-50%) rotate(0deg);
}
.RIMBATOTO-item[open] .RIMBATOTO-number {
	background:linear-gradient(145deg,#baffd2,#00ff66,#00c853);
	box-shadow:0 0 12px rgba(0,255,102,0.3),inset 0 1px rgba(255,255,255,0.5);
}
.RIMBATOTO-answer {
	position:relative;
	margin:0 10px 8px 43px;
	padding:9px 12px;
	color:var(--faq-muted);
	border-left:2px solid #00ff66;
	border-radius:3px 7px 7px 3px;
	background:linear-gradient(90deg,rgba(0,255,102,0.07),transparent);
	animation:RIMBATOTOOpen 0.3s ease;
}
.RIMBATOTO-answer p {
	margin:0;
	color:#f0fdf4 !important;
	font-size:13px;
	line-height:1.6;
	text-align:justify;
}
.RIMBATOTO-note {
	position:relative;
	z-index:2;
	display:flex;
	align-items:center;
	gap:9px;
	margin-top:9px;
	padding:8px 10px;
	border:1px dashed rgba(0,255,102,0.65);
	border-radius:7px;
	background:linear-gradient(90deg,rgba(0,255,102,0.09),rgba(0,122,51,0.04));
}
.RIMBATOTO-note-icon {
	flex:0 0 28px;
	display:flex;
	align-items:center;
	justify-content:center;
	width:28px;
	height:28px;
	color:#001a0b;
	font-size:15px;
	font-weight:900;
	border-radius:50%;
	background:linear-gradient(145deg,#baffd2,#00ff66,#00c853);
	border:1px solid rgba(0,255,102,0.5);
	box-shadow:0 0 10px rgba(0,255,102,0.25),inset 0 1px rgba(255,255,255,0.45);
}
.RIMBATOTO-note strong {
	display:block;
	margin-bottom:1px;
	color:#00ff66;
	font-size:12px;
}
.RIMBATOTO-note p {
	margin:0;
	color:var(--faq-muted);
	font-size:12px;
	line-height:1.45;
}
@keyframes RIMBATOTOOpen {
	from {
		opacity:0;
		transform:translateY(-5px);
	}
	to {
		opacity:1;
		transform:translateY(0);
	}
}
@media (max-width:700px) {
	.RIMBATOTO-section {
		width:100%;
		max-width:100%;
		margin:14px 0;
		padding:16px 10px;
		transform:none;
		border-radius:10px;
	}
	.RIMBATOTO-heading {
		margin-bottom:11px;
	}
	.RIMBATOTO-heading h2 {
		font-size:19px;
	}
	.RIMBATOTO-heading p {
		font-size:10px;
	}
	.RIMBATOTO-item summary {
		grid-template-columns:35px 1fr 25px;
		min-height:42px;
		padding:4px 6px 4px 4px;
	}
	.RIMBATOTO-number {
		width:30px;
		height:30px;
		font-size:9px;
	}
	.RIMBATOTO-question {
		padding:0 7px;
		font-size:11px;
	}
	.RIMBATOTO-icon {
		width:22px;
		height:22px;
	}
	.RIMBATOTO-answer {
		margin:0 7px 7px;
		padding:8px 10px;
	}
	.RIMBATOTO-answer p {
		font-size:10px;
	}
	.RIMBATOTO-note {
		align-items:flex-start;
	}
}
.reviews-grid {
	display:grid;
	max-width: 1000px;
	grid-template-columns:repeat(3,1fr);
	gap:20px;
	margin:25px auto;
}
.review-card {
	background:#f0fdf4;
	border:1px solid rgba(34,197,94,.35);
	border-radius:20px;
	padding:20px;
}
.review-header {
	display:flex;
	justify-content:space-between;
	align-items:center;
	margin-bottom:12px;
}
.review-name {
	font-weight:700;
	color:#22c55e;
}
.review-stars {
	color:#22c55e;
	letter-spacing:2px;
	text-shadow:0 0 8px rgba(34,197,94,.35);
}
.review-text {
	color:#000000;
	font-size:14px;
	line-height:1.7;
	margin:10px 0;
	font-style:italic;
}
.review-date {
	display:inline-flex;
	align-items:center;
	gap:6px;
	width:max-content;
	padding:5px 12px;
	margin-top:8px;
	color:#000000;
	font-size:11px;
	font-weight:900;
	letter-spacing:.3px;
	border-radius:999px;
	border:1px solid rgba(34,197,94,.75);
	background:#22c55e;
	text-transform:uppercase;
}
.review-date::before {
	content: "👑 Verified Rimbatoto";
	color:#000000;
	font-weight:900;
}
.review-date::after {
	content: "";
	width:6px;
	height:6px;
	border-radius:50%;
	background:#22c55e;
	box-shadow:0 0 8px #22c55e;
}
.cta-section {
	text-align:center;
	margin:40px 0 20px;
}
.cta-buttons {
	display:flex;
	gap:15px;
	justify-content:center;
	flex-wrap:wrap;
}
.btn {
	display:inline-block;
	padding:14px 40px;
	border-radius:50px;
	font-weight:700;
	font-size:16px;
	letter-spacing:1px;
	text-decoration:none;
	transition:all 0.2s ease;
	border:1px solid;
	min-width:150px;
}
.btn-login {
	background:linear-gradient(135deg,#000000,#f0fdf4,#000000);
	color:#22c55e;
	border-color:rgba(34,197,94,.55);
}
.btn-login:hover {
	background:linear-gradient(135deg,#f7fff9,#2a2208,#f7fff9);
	border-color:#22c55e;
	box-shadow:0 0 18px rgba(34,197,94,.22);
}
.btn-register {
	background:linear-gradient(to bottom,#bbf7d0 0%,#22c55e 25%,#16a34a 50%,#15803d 75%,#16a34a 100%);
	color:#000000;
	border-color:#22c55e;
	box-shadow:inset 0 1px 2px rgba(255,255,255,.4),0 0 15px rgba(34,197,94,.18);
}
.btn-register:hover {
	background:linear-gradient(to bottom,#dcfce7 0%,#86efac 25%,#16a34a 55%,#15803d 100%);
	box-shadow:0 0 22px rgba(34,197,94,.32);
}
@media (max-width:768px) {
	.container {
		padding:25px;
	}
	.info-grid {
		grid-template-columns:repeat(2,1fr);
	}
	.reviews-grid {
		grid-template-columns:1fr;
	}
	h1 {
		font-size:24px;
	}
}