.page-bg {
	background-image:linear-gradient(180deg,rgba(2,6,12,0.78),rgba(2,6,12,0.9));
}
.page-bg.bg-ready {
	background-image:linear-gradient(180deg,rgba(2,6,12,0.78),rgba(2,6,12,0.9)),url("assets/background.webp");
}
.lang-switch {
	display:inline-flex;
	gap:8px;
	align-items:center;
}
.lang-flag {
	font-size:16px;
	line-height:1;
}
.lang-select {
	border:1px solid rgba(255,255,255,0.1);
	background:rgba(255,255,255,0.04);
	color:#fff;
	border-radius:999px;
	padding:6px 12px;
	font-size:12px;
	font-weight:600;
	cursor:pointer;
	min-width:128px;
	outline:none;
	backdrop-filter:blur(8px);
	-webkit-backdrop-filter:blur(8px);
}
.lang-select:focus {
	border-color:rgba(89,230,255,0.6);
	box-shadow:0 0 0 2px rgba(89,230,255,0.18);
}
.lang-select option {
	background:#0b1220;
	color:#fff;
}
.redeem-input-grid {
	grid-template-columns:1fr !important;
}
.hp-dd-menu {
	position:absolute;
	left:0;
	right:0;
	top:calc(100% + 8px);
	z-index:50;
	max-height:260px;
	overflow:auto;
	border:1px solid rgba(255,255,255,0.12);
	border-radius:12px;
	background:rgba(10,16,28,0.96);
	backdrop-filter:blur(10px);
	-webkit-backdrop-filter:blur(10px);
	box-shadow:0 18px 50px rgba(0,0,0,0.45);
	padding:6px;
}
.hp-dd-item {
	padding:10px 10px;
	border-radius:10px;
	cursor:pointer;
	color:rgba(255,255,255,0.9);
	font-size:12px;
	line-height:1.3;
}
.hp-dd-item:hover {
	background:rgba(89,230,255,0.10);
}
.hp-dd-item.is-empty {
	opacity:0.7;
	cursor:default;
}
@media (max-width:1100px) {
	.nav > .lang-switch {
		display:none;
	}
}

#hp-note-gen-btn,
#hp-rdm-gen-proof-btn {
	background:linear-gradient(90deg,#ffb347,#ff7a00);
	border:none;
	color:#1b0b00;
}

#hp-note-gen-btn:hover,
#hp-rdm-gen-proof-btn:hover {
	filter:brightness(1.05);
}