.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;
	position:relative;
	z-index:3100;
	overflow:visible;
}
.lang-flag {
	font-size:16px;
	line-height:1;
}
.lang-dropdown {
	position:relative;
	z-index:3100;
	overflow:visible;
}
.lang-dropdown-trigger {
	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);
	display:inline-flex;
	align-items:center;
	justify-content:space-between;
	gap:10px;
	width:100%;
}
.lang-dropdown-trigger:focus,
.lang-dropdown-trigger:focus-visible {
	border-color:rgba(89,230,255,0.6);
	box-shadow:0 0 0 2px rgba(89,230,255,0.18);
}
.lang-caret {
	font-size:10px;
	opacity:0.8;
	transition:transform .2s ease;
}
.lang-dropdown.is-open .lang-caret {
	transform:rotate(180deg);
}
.lang-dropdown-menu {
	position:absolute;
	top:calc(100% + 8px);
	left:0;
	right:0;
	z-index:3200;
	padding:6px;
	border:1px solid rgba(255,255,255,0.12);
	border-radius:16px;
	background:rgba(10,16,28,0.96);
	backdrop-filter:blur(12px);
	-webkit-backdrop-filter:blur(12px);
	box-shadow:0 18px 50px rgba(0,0,0,0.45);
	display:grid;
	gap:4px;
}
.lang-dropdown-menu[hidden] {
	display:none !important;
}
.lang-dropdown-option {
	width:100%;
	border:0;
	background:transparent;
	color:#fff;
	text-align:left;
	padding:10px 12px;
	border-radius:12px;
	font-size:12px;
	font-weight:600;
	cursor:pointer;
}
.lang-dropdown-option:hover,
.lang-dropdown-option:focus-visible {
	background:rgba(89,230,255,0.10);
	outline:none;
}
.lang-dropdown-option.is-selected {
	background:linear-gradient(90deg,rgba(89,230,255,0.18),rgba(142,92,255,0.18));
	box-shadow:inset 0 0 0 1px rgba(89,230,255,0.22);
}
.mobile-menu .lang-dropdown {
	width:100%;
}
.mobile-menu .lang-dropdown-trigger {
	width:100%;
}
.nav-wrap,
.nav,
.mobile-menu {
	overflow:visible;
}
.mobile-menu {
	z-index:3050;
}
.mobile-overlay {
	z-index:3040;
}
.dapp-modal {
        position:fixed;
        inset:0;
        z-index:3400;
        display:none;
        align-items:center;
        justify-content:center;
        padding:20px;
}

.dapp-modal.is-open {
        display:flex;
}

.dapp-modal-backdrop {
        position:absolute;
        inset:0;
        background:rgba(3,8,15,0.76);
        backdrop-filter:blur(8px);
        -webkit-backdrop-filter:blur(8px);
}

.dapp-modal-card {
        position:relative;
        width:min(100%, 520px);
        padding:24px;
        border-radius:24px;
        border:1px solid rgba(89,230,255,0.22);
        background:linear-gradient(180deg, rgba(10,16,28,0.98), rgba(8,14,24,0.96));
        box-shadow:0 24px 72px rgba(0,0,0,0.42);
        display:grid;
        gap:16px;
}

.dapp-modal-badge {
        display:inline-flex;
        align-items:center;
        justify-content:center;
        width:44px;
        height:44px;
        border-radius:16px;
        background:linear-gradient(135deg, rgba(89,230,255,0.22), rgba(153,69,255,0.22));
        color:#8ef3ff;
        font-size:22px;
        font-weight:800;
}

.dapp-modal-title {
        margin:0;
        font-size:24px;
        line-height:1.2;
        color:#fff;
}

.dapp-modal-copy {
        margin:0;
        color:var(--text-muted);
        font-size:14px;
        line-height:1.75;
}

.dapp-modal-tip {
        padding:14px 16px;
        border-radius:18px;
        border:1px solid rgba(255,255,255,0.08);
        background:rgba(255,255,255,0.04);
        color:#ffb347;
        font-size:13px;
        line-height:1.7;
}

.dapp-modal-actions {
        display:grid;
        grid-template-columns:repeat(2, minmax(0, 1fr));
        gap:12px;
}

.dapp-modal-btn {
        min-height:48px;
        border-radius:16px;
        border:1px solid rgba(255,255,255,0.12);
        background:rgba(255,255,255,0.04);
        color:#fff;
        font-size:14px;
        font-weight:700;
        cursor:pointer;
}

.dapp-modal-btn.primary {
        border-color:rgba(89,230,255,0.42);
        background:linear-gradient(90deg, rgba(89,230,255,0.18), rgba(153,69,255,0.18));
        color:#fff;
}

@media (max-width:768px) {
        .dapp-modal-card {
                padding:20px;
                border-radius:20px;
        }
        .dapp-modal-actions {
                grid-template-columns:1fr;
        }
}
.market-banner-wrap {
	padding:18px 0 0;
}
.market-banner {
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:18px;
	padding:18px 20px;
	border:1px solid rgba(89,230,255,0.22);
	border-radius:22px;
	background:
		linear-gradient(135deg, rgba(89,230,255,0.12), rgba(153,69,255,0.14)),
		rgba(255,255,255,0.04);
	box-shadow:0 18px 42px rgba(0,0,0,0.24), inset 0 1px 0 rgba(255,255,255,0.05);
	backdrop-filter:blur(12px);
	-webkit-backdrop-filter:blur(12px);
}
.market-banner-copy {
	display:flex;
	align-items:center;
	gap:14px;
	min-width:0;
}
.market-banner-tag {
	display:inline-flex;
	align-items:center;
	justify-content:center;
	height:30px;
	padding:0 12px;
	border-radius:999px;
	background:rgba(89,230,255,0.16);
	border:1px solid rgba(89,230,255,0.28);
	color:#8ef3ff;
	font-size:11px;
	font-weight:800;
	letter-spacing:.16em;
	flex:0 0 auto;
}
.market-banner-text {
	display:grid;
	gap:4px;
	min-width:0;
}
.market-banner-text strong {
	font-size:18px;
	line-height:1.25;
	color:#fff;
}
.market-banner-text span {
	font-size:13px;
	line-height:1.65;
	color:var(--text-muted);
}
.market-banner-btn {
	display:inline-flex;
	align-items:center;
	justify-content:center;
	min-height:44px;
	padding:0 22px;
	border-radius:999px;
	border:1px solid rgba(89,230,255,0.42);
	background:linear-gradient(90deg,var(--accent-cyan),var(--accent-purple));
	color:#02111b;
	font-size:14px;
	font-weight:800;
	white-space:nowrap;
	box-shadow:0 10px 24px rgba(89,230,255,0.18);
	transition:transform .2s ease, box-shadow .2s ease, filter .2s ease;
}
.market-banner-btn:hover {
	transform:translateY(-1px);
	filter:brightness(1.04);
	box-shadow:0 14px 28px rgba(89,230,255,0.26);
}
.redeem-input-grid {
	grid-template-columns:1fr !important;
}
.hp-balance-action-row {
	display:flex;
	align-items:center;
	gap:10px;
	flex-wrap:wrap;
}
.hp-inline-action-btn {
	border:1px solid rgba(89,230,255,0.3);
	background:rgba(89,230,255,0.1);
	color:#8ef3ff;
	border-radius:999px;
	padding:5px 12px;
	font-size:12px;
	font-weight:700;
	cursor:pointer;
	transition:all .2s ease;
}
.hp-inline-action-btn:hover {
	background:rgba(89,230,255,0.16);
	border-color:rgba(89,230,255,0.5);
}
.hp-inline-action-btn:disabled {
	opacity:0.55;
	cursor:not-allowed;
}

.privacy-pane {
        display:none;
}

.privacy-pane.active {
        display:block;
}

.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;
	}
	.market-banner {
		padding:16px 18px;
	}
}
@media (max-width:768px) {
	.market-banner-wrap {
		padding:14px 0 0;
	}
	.market-banner {
		flex-direction:column;
		align-items:flex-start;
		padding:16px;
		border-radius:18px;
	}
	.market-banner-copy {
		align-items:flex-start;
	}
	.market-banner-text strong {
		font-size:16px;
	}
	.market-banner-text span {
		font-size:12px;
		line-height:1.55;
	}
	.market-banner-btn {
		width:100%;
	}
}

#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);
}

.liq-position-tools {
	margin-top:12px;
	display:grid;
	gap:10px;
}

.liq-filter-row {
	display:flex;
	align-items:center;
	gap:12px;
	flex-wrap:wrap;
}

.liq-filter-label {
	color:var(--text-muted);
	font-size:12px;
	font-weight:600;
}

.liq-filter-group {
	display:flex;
	align-items:center;
	gap:8px;
	flex-wrap:wrap;
}

.liq-filter-chip {
	border:1px solid rgba(255,255,255,0.12);
	background:rgba(255,255,255,0.04);
	color:rgba(255,255,255,0.82);
	border-radius:999px;
	padding:8px 14px;
	font-size:12px;
	font-weight:600;
	cursor:pointer;
	transition:all .2s ease;
}

.liq-filter-chip:hover {
	border-color:rgba(89,230,255,0.38);
	color:#fff;
}

.liq-filter-chip.active {
	background:linear-gradient(90deg,rgba(89,230,255,0.18),rgba(142,92,255,0.18));
	border-color:rgba(89,230,255,0.45);
	color:#fff;
	box-shadow:0 8px 24px rgba(35,200,255,0.14);
}

.liq-position-meta {
	font-size:12px;
	color:var(--text-muted);
}

.liq-status.inactive {
        color:#ffb347;
}

.liq-table-empty {
	margin-top:12px;
}

.liq-table-pagination {
	margin-top:12px;
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:12px;
	flex-wrap:wrap;
}

.liq-page-info {
	font-size:12px;
	color:var(--text-muted);
}

.liq-page-actions {
	display:flex;
	align-items:center;
	gap:8px;
	flex-wrap:wrap;
}

.liq-page-btn {
	border:1px solid rgba(255,255,255,0.12);
	background:rgba(255,255,255,0.04);
	color:#fff;
	border-radius:10px;
	padding:8px 12px;
	font-size:12px;
	font-weight:600;
	cursor:pointer;
	min-width:42px;
}

.liq-page-btn[disabled] {
	opacity:0.45;
	cursor:not-allowed;
}

.liq-page-btn.active {
	background:linear-gradient(90deg,rgba(89,230,255,0.18),rgba(142,92,255,0.18));
	border-color:rgba(89,230,255,0.45);
}

@media (max-width:768px) {
	.liq-filter-row {
		align-items:flex-start;
		flex-direction:column;
	}
	.hp-balance-action-row {
		align-items:flex-start;
		flex-direction:column;
	}
	.liq-filter-group {
		width:100%;
	}
	.liq-filter-chip {
                flex:1 1 calc(25% - 6px);
                min-width:88px;
		text-align:center;
	}
	.liq-table-pagination {
		flex-direction:column;
		align-items:flex-start;
	}
}