:root{
	--brb-blue-900:#071a2b;
	--brb-blue-800:#0A3354;
	--brb-blue-700:#154F6E;
	--brb-blue-600:#27678F;
	--brb-green-700:#3fae2a;
	--brb-green-600:#65BC33;
	--brb-green-500:#8FD567;
	--brb-white:#ffffff;
	--brb-text:#eaf3f7;
	--brb-muted:rgba(234,243,247,.75);
	--brb-radius:22px;
	--brb-shadow:0 18px 40px rgba(0,0,0,.35);
	--brb-shadow-soft:0 12px 28px rgba(0,0,0,.25);
	--brb-glow:0 0 0 2px rgba(143,213,103,.22), 0 0 26px rgba(143,213,103,.25);
	--brb-glow-strong:0 0 0 2px rgba(143,213,103,.28), 0 0 38px rgba(143,213,103,.35);
}

*{
	margin:0;
	padding:0;
	box-sizing:border-box;
}

body.brb-page{
	font-family:"Montserrat", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
	background:
		radial-gradient(900px 500px at 10% 0%, rgba(39,103,143,.55), transparent 60%),
		radial-gradient(900px 500px at 90% 15%, rgba(143,213,103,.22), transparent 60%),
		linear-gradient(180deg, var(--brb-blue-900), var(--brb-blue-800) 45%, var(--brb-blue-900));
	min-height:100vh;
	color:var(--brb-text);
	padding-top:30px;
	padding-bottom:40px;
	overflow-x:hidden;
}

.brb-front-glow{
	position:fixed;
	inset:0;
	pointer-events:none;
	z-index:0;
	background:
		radial-gradient(circle at top left, rgba(143,213,103,.12), transparent 30%),
		radial-gradient(circle at top right, rgba(39,103,143,.22), transparent 35%);
}

.container{
	position:relative;
	z-index:2;
}

.screen{
	display:none;
}

.screen.active{
	display:block;
	animation:fadeIn .35s ease-out;
}

@keyframes fadeIn{
	from{opacity:0; transform:translateY(10px);}
	to{opacity:1; transform:translateY(0);}
}

.brb-front-card{
	background:rgba(255,255,255,.06);
	border:1px solid rgba(255,255,255,.10);
	border-radius:32px;
	padding:26px;
	box-shadow:var(--brb-shadow);
	backdrop-filter:blur(14px);
	position:relative;
	overflow:hidden;
	z-index:2;
}

.brb-front-card::before{
	content:"";
	position:absolute;
	inset:-2px;
	background:
		radial-gradient(500px 240px at top left, rgba(143,213,103,.10), transparent 50%),
		radial-gradient(500px 240px at top right, rgba(39,103,143,.18), transparent 55%);
	pointer-events:none;
}

.brb-front-card > *{
	position:relative;
	z-index:2;
}

.brb-front-logo-small{
	height:64px;
	width:auto;
	margin:auto;
	display:block;
	filter:drop-shadow(0 8px 18px rgba(0,0,0,.35));
}

.brb-lottery-icon{
	width:74px;
	height:74px;
	margin:0 auto;
	border-radius:24px;
	display:flex;
	align-items:center;
	justify-content:center;
	font-size:2rem;
	color:#08261C;
	background:linear-gradient(180deg, var(--brb-green-500), var(--brb-green-600));
	box-shadow:var(--brb-glow-strong), 0 14px 28px rgba(0,0,0,.32);
}

.brb-front-grid-title{
	font-size:clamp(1.6rem, 4vw, 2.3rem);
	font-weight:900;
	text-transform:uppercase;
	letter-spacing:-.04em;
	margin-bottom:10px;
	color:#fff;
}

.brb-front-grid-subtitle{
	color:var(--brb-muted);
	font-weight:700;
	text-transform:uppercase;
	font-size:.9rem;
}

.brb-front-divider{
	display:flex;
	align-items:center;
	justify-content:center;
	gap:14px;
	margin-top:24px;
	margin-bottom:26px;
}

.brb-front-divider span{
	width:58px;
	height:2px;
	background:rgba(255,255,255,.14);
	border-radius:999px;
}

.brb-front-divider i{
	color:var(--brb-green-500);
	filter:drop-shadow(0 0 10px rgba(143,213,103,.65));
}

.brb-btn-outline{
	background:rgba(255,255,255,.06);
	border:1px solid rgba(255,255,255,.12);
	color:var(--brb-text) !important;
	font-weight:900;
	text-transform:uppercase;
	border-radius:18px;
	padding:14px 18px;
	box-shadow:var(--brb-shadow-soft);
	transition:.2s ease;
}

.brb-btn-outline:hover{
	background:rgba(255,255,255,.10);
	transform:translateY(-2px);
}

.brb-front-confirm-btn{
	height:56px;
	display:flex;
	align-items:center;
	justify-content:center;
}

.brb-btn{
	background:linear-gradient(180deg, var(--brb-green-500), var(--brb-green-600)) !important;
	color:#06261C !important;
	border:none !important;
	font-weight:900;
	text-transform:uppercase;
	border-radius:18px;
	padding:14px 18px;
	box-shadow:var(--brb-glow-strong), 0 10px 20px rgba(0,0,0,.35);
	transition:.2s ease;
}

.brb-btn:hover{
	transform:translateY(-2px);
	filter:brightness(1.03);
	color:#06261C !important;
}

/* BUSCA */

.search-wrapper{
	position:relative;
}

.search-wrapper i{
	position:absolute;
	top:50%;
	left:18px;
	transform:translateY(-50%);
	color:var(--brb-green-500);
	z-index:3;
	filter:drop-shadow(0 0 8px rgba(143,213,103,.45));
}

.campo-busca{
	height:56px;
	border-radius:18px !important;
	background:rgba(255,255,255,.06) !important;
	border:1px solid rgba(255,255,255,.10) !important;
	color:#fff !important;
	padding-left:50px !important;
	font-weight:700;
	box-shadow:var(--brb-shadow-soft) !important;
}

.campo-busca::placeholder{
	color:rgba(255,255,255,.45);
}

.campo-busca:focus{
	border-color:rgba(143,213,103,.55) !important;
	box-shadow:var(--brb-glow) !important;
}

/* GRID */

.grid-puxadas{
	display:grid;
	grid-template-columns:1fr;
	gap:18px;
	max-width:900px;
	margin:28px auto 0;
}

.card-puxada{
	background:rgba(0,0,0,.16);
	border:1px solid rgba(255,255,255,.08);
	border-radius:26px;
	padding:24px;
	box-shadow:var(--brb-shadow-soft);
	transition:.22s ease;
	position:relative;
	overflow:hidden;
	text-align:left;
	animation:cardShow .35s ease;
}

.card-puxada::before{
	content:"";
	position:absolute;
	inset:0;
	background:
		radial-gradient(420px 180px at top left, rgba(143,213,103,.10), transparent 55%),
		radial-gradient(420px 180px at top right, rgba(39,103,143,.14), transparent 55%);
	pointer-events:none;
}

.card-puxada:hover{
	transform:translateY(-3px);
	border-color:rgba(143,213,103,.26);
	box-shadow:var(--brb-glow), 0 18px 30px rgba(0,0,0,.34);
}

.card-puxada > *{
	position:relative;
	z-index:2;
}

.card-puxada-conteudo{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:26px;
}

.card-puxada-info{
	display:flex;
	align-items:center;
	gap:18px;
	flex:0 0 auto;
	min-width:260px;
}

.card-puxada-img{
	width:82px;
	height:82px;
	border-radius:24px;
	background:linear-gradient(180deg, rgba(143,213,103,.18), rgba(101,188,51,.08));
	border:1px solid rgba(143,213,103,.25);
	display:flex;
	align-items:center;
	justify-content:center;
	box-shadow:var(--brb-shadow-soft);
	flex:0 0 auto;
}

.card-puxada-img img{
	width:64px;
	height:64px;
	object-fit:contain;
	filter:drop-shadow(0 8px 12px rgba(0,0,0,.28));
}

.card-puxada .nome{
	font-size:1.18rem;
	font-weight:900;
	text-transform:uppercase;
	color:#fff;
	line-height:1.1;
}

.card-puxada .grupo{
	margin-top:6px;
	color:var(--brb-muted);
	font-size:.78rem;
	font-weight:900;
	text-transform:uppercase;
}

/* PUXADAS */

.lista-puxadas{
	margin:0;
	display:flex;
	align-items:center;
	justify-content:flex-end;
	flex-wrap:wrap;
	gap:12px;
	flex:1;
}

.badge-puxada{
	border:none;
	border-radius:999px;
	padding:13px 13px;
	background:rgba(143,213,103,.14);
	border:1px solid rgba(143,213,103,.24);
	color:#fff;
	font-size:.80rem;
	font-weight:900;
	text-transform:uppercase;
	transition:.2s ease;
	box-shadow:0 8px 18px rgba(0,0,0,.18);
	min-width:95px;
	text-align:center;
}

.badge-puxada:hover{
	background:linear-gradient(180deg,var(--brb-green-500),var(--brb-green-600));
	color:#06261C;
	transform:translateY(-2px);
	box-shadow:var(--brb-glow);
}

/* LIMPAR FILTRO */

.filtro-wrapper{
	display:flex;
	justify-content:center;
	margin-top:12px;
}

.btn-limpar-filtro{
	background:linear-gradient(180deg,var(--brb-green-500),var(--brb-green-600));
	border:none;
	border-radius:18px;
	padding:14px 26px;
	font-weight:900;
	text-transform:uppercase;
	color:#06261C;
	box-shadow:var(--brb-glow-strong);
	transition:.2s ease;
}

.btn-limpar-filtro:hover{
	transform:translateY(-2px);
	filter:brightness(1.03);
}

/* SEM RESULTADOS */

.sem-resultado{
	padding:45px 20px;
	text-align:center;
	color:rgba(255,255,255,.70);
	font-weight:700;
}

.sem-resultado i{
	font-size:3rem;
	color:var(--brb-green-500);
	margin-bottom:15px;
	display:block;
	filter:drop-shadow(0 0 12px rgba(143,213,103,.45));
}

.sem-resultado p{
	margin:0;
	font-size:1rem;
	text-transform:uppercase;
}

/* SCROLL */

::-webkit-scrollbar{
	width:10px;
}

::-webkit-scrollbar-track{
	background:rgba(255,255,255,.04);
}

::-webkit-scrollbar-thumb{
	background:rgba(143,213,103,.35);
	border-radius:999px;
}

/* RESPONSIVO */

@media(max-width:768px){

	body.brb-page{
		padding-top:18px;
	}

	.brb-front-card{
		padding:20px;
		border-radius:26px;
	}

	.brb-front-logo-small{
		height:58px;
	}

	.brb-lottery-icon{
		width:62px;
		height:62px;
		font-size:1.6rem;
	}

	.card-puxada{
		padding:20px;
		border-radius:22px;
	}

	.card-puxada-conteudo{
		flex-direction:column;
		text-align:center;
		gap:18px;
	}

	.card-puxada-info{
		flex-direction:column;
		min-width:0;
		gap:12px;
	}

	.card-puxada-img{
		width:78px;
		height:78px;
	}

	.card-puxada-img img{
		width:60px;
		height:60px;
	}

	.card-puxada .nome{
		font-size:1rem;
	}

	.lista-puxadas{
		justify-content:center;
		width:100%;
	}

	.badge-puxada{
		padding:11px 15px;
		font-size:.72rem;
		min-width:auto;
	}

	.campo-busca{
		height:52px;
	}
}

@media(max-width:480px){

	.badge-puxada{
		width:calc(50% - 6px);
	}

	.lista-puxadas{
		gap:10px;
	}

}

/* ANIMAÇÕES */

@keyframes cardShow{
	from{
		opacity:0;
		transform:translateY(12px);
	}
	to{
		opacity:1;
		transform:translateY(0);
	}
}