/* MuXephiron client downloads page — isolated from the global theme. */
.xe-downloads {
	position: relative;
	margin: 0 0 36px;
	overflow: hidden;
	border: 1px solid #294c68;
	border-radius: 10px;
	background: linear-gradient(180deg, #0b1b2a 0%, #07131f 100%);
	box-shadow: 0 22px 55px rgba(0, 0, 0, .35), 0 0 28px rgba(21, 152, 255, .08);
}

.xe-downloads:before {
	position: absolute;
	top: 0;
	left: 8%;
	width: 84%;
	height: 2px;
	content: "";
	background: linear-gradient(90deg, transparent, #1598ff 28%, #6ee7ff 50%, #1598ff 72%, transparent);
	box-shadow: 0 0 14px rgba(88, 215, 255, .68);
}

.xe-downloads-hero {
	position: relative;
	display: flex;
	min-height: 176px;
	padding: 34px 38px;
	align-items: center;
	overflow: hidden;
	border-bottom: 1px solid #29465d;
	background: radial-gradient(circle at 83% 35%, rgba(93, 76, 255, .17), transparent 30%), radial-gradient(circle at 13% 0, rgba(21, 152, 255, .22), transparent 38%), linear-gradient(115deg, #102b41, #091725 62%, #07121e);
}

.xe-downloads-hero:after {
	position: absolute;
	right: -44px;
	bottom: -108px;
	width: 310px;
	height: 310px;
	content: "";
	border: 1px solid rgba(88, 215, 255, .09);
	border-radius: 50%;
	box-shadow: inset 0 0 70px rgba(21, 152, 255, .035), 0 0 0 34px rgba(21, 152, 255, .018), 0 0 0 68px rgba(21, 152, 255, .012);
}

.xe-downloads-hero-glow {
	position: absolute;
	top: -80px;
	left: 24%;
	width: 340px;
	height: 170px;
	border-radius: 50%;
	background: rgba(21, 152, 255, .09);
	filter: blur(48px);
}

.xe-downloads-main-icon {
	position: relative;
	z-index: 1;
	display: flex;
	width: 82px;
	height: 82px;
	flex: 0 0 82px;
	align-items: center;
	justify-content: center;
	border: 1px solid rgba(88, 215, 255, .45);
	border-radius: 18px;
	background: linear-gradient(145deg, rgba(26, 98, 145, .42), rgba(6, 26, 42, .82));
	box-shadow: inset 0 0 24px rgba(88, 215, 255, .08), 0 12px 30px rgba(0, 0, 0, .28), 0 0 22px rgba(21, 152, 255, .12);
}

.xe-downloads-main-icon svg {
	width: 49px;
	height: 49px;
	fill: none;
	stroke: #6ee7ff;
	stroke-width: 2;
	stroke-linecap: round;
	stroke-linejoin: round;
	filter: drop-shadow(0 0 6px rgba(88, 215, 255, .48));
}

.xe-downloads-hero-copy {
	position: relative;
	z-index: 1;
	min-width: 0;
	padding: 0 27px;
}

.xe-downloads-kicker {
	display: block;
	margin-bottom: 6px;
	color: #5edfff;
	font-size: 10px;
	font-weight: 700;
	letter-spacing: 1.8px;
	text-transform: uppercase;
}

.xe-downloads-hero-copy h2 {
	margin: 0;
	color: #f3f9ff;
	font-family: 'Cinzel', serif;
	font-size: 27px;
	font-weight: 700;
	line-height: 34px;
	text-shadow: 0 2px 12px rgba(0, 0, 0, .5), 0 0 18px rgba(88, 215, 255, .12);
}

.xe-downloads-hero-copy p {
	max-width: 560px;
	margin: 7px 0 0;
	color: #91aabd;
	font-size: 12px;
	line-height: 19px;
}

.xe-downloads-status {
	position: relative;
	z-index: 1;
	display: inline-flex;
	margin-left: auto;
	padding: 8px 12px;
	align-items: center;
	gap: 7px;
	border: 1px solid rgba(69, 231, 148, .26);
	border-radius: 20px;
	background: rgba(7, 31, 31, .68);
	color: #85f6bd;
	font-size: 9px;
	font-weight: 700;
	letter-spacing: .65px;
	text-transform: uppercase;
	white-space: nowrap;
}

.xe-downloads-status span {
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: #45e794;
	box-shadow: 0 0 9px rgba(69, 231, 148, .8);
}

.xe-downloads-list { padding: 22px; }

.xe-download-card {
	position: relative;
	display: flex;
	min-height: 118px;
	margin-bottom: 12px;
	padding: 20px 21px;
	align-items: center;
	overflow: hidden;
	border: 1px solid #2a465d;
	border-radius: 6px;
	background: radial-gradient(circle at 12% 50%, rgba(21, 152, 255, .1), transparent 25%), linear-gradient(100deg, #0d2233, #081724 72%);
	box-shadow: 0 10px 25px rgba(0, 0, 0, .2);
	transition: border-color .2s ease, transform .2s ease, box-shadow .2s ease;
}

.xe-download-card:last-child { margin-bottom: 0; }

.xe-download-card:hover {
	transform: translateY(-2px);
	border-color: #3879a4;
	box-shadow: 0 14px 32px rgba(0, 0, 0, .3), inset 3px 0 0 #1598ff;
}

.xe-download-card-number {
	position: absolute;
	top: -15px;
	right: 12px;
	color: rgba(88, 215, 255, .035);
	font-family: 'Cinzel', serif;
	font-size: 90px;
	font-weight: 700;
	line-height: 1;
	pointer-events: none;
}

.xe-download-card-icon {
	position: relative;
	z-index: 1;
	display: flex;
	width: 58px;
	height: 58px;
	flex: 0 0 58px;
	align-items: center;
	justify-content: center;
	border: 1px solid #315d7b;
	border-radius: 50%;
	background: #0b293e;
	box-shadow: inset 0 0 16px rgba(21, 152, 255, .08), 0 0 16px rgba(21, 152, 255, .1);
}

.xe-download-card-icon svg {
	width: 31px;
	height: 31px;
	fill: none;
	stroke: #5fdcff;
	stroke-width: 2;
	stroke-linecap: round;
	stroke-linejoin: round;
}

.xe-download-card-copy {
	position: relative;
	z-index: 1;
	min-width: 0;
	padding: 0 22px;
	flex: 1;
}

.xe-download-card-copy h3 {
	margin: 0 0 4px;
	overflow: hidden;
	color: #f0f8ff;
	font-size: 15px;
	font-weight: 700;
	line-height: 20px;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.xe-download-card-copy p {
	margin: 0 0 8px;
	overflow: hidden;
	color: #829cad;
	font-size: 10px;
	line-height: 15px;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.xe-download-meta {
	display: flex;
	align-items: center;
	color: #66849a;
	font-size: 9px;
	font-weight: 700;
	letter-spacing: .3px;
	text-transform: uppercase;
}

.xe-download-meta-dot {
	width: 5px;
	height: 5px;
	margin-right: 6px;
	border-radius: 50%;
	background: #1598ff;
	box-shadow: 0 0 6px rgba(21, 152, 255, .7);
}

.xe-download-meta-separator {
	width: 1px;
	height: 11px;
	margin: 0 9px;
	background: #2e4a60;
}

.xe-download-button {
	position: relative;
	z-index: 1;
	display: inline-flex;
	min-width: 176px;
	height: 46px;
	padding: 0 15px 0 19px;
	align-items: center;
	justify-content: space-between;
	gap: 13px;
	border: 1px solid #4bcaff;
	border-radius: 5px;
	background: linear-gradient(180deg, #20adf8 0%, #0879c6 100%);
	box-shadow: 0 8px 20px rgba(8, 121, 198, .3), inset 0 1px 0 rgba(255, 255, 255, .22);
	color: #fff !important;
	font-size: 10px;
	font-weight: 700;
	letter-spacing: .55px;
	text-decoration: none !important;
	text-transform: uppercase;
	transition: background .2s ease, transform .2s ease, box-shadow .2s ease;
}

.xe-download-button svg {
	width: 17px;
	height: 17px;
	fill: none;
	stroke: currentColor;
	stroke-width: 2;
	stroke-linecap: round;
	stroke-linejoin: round;
}

.xe-download-button:hover,
.xe-download-button:focus {
	transform: translateY(-1px);
	background: linear-gradient(180deg, #51d2ff 0%, #1598ff 100%);
	box-shadow: 0 11px 25px rgba(21, 152, 255, .38), 0 0 16px rgba(88, 215, 255, .18);
}

.xe-downloads-empty {
	padding: 55px 20px;
	border: 1px dashed #2c4c64;
	border-radius: 6px;
	background: rgba(5, 17, 28, .64);
	text-align: center;
}

.xe-downloads-empty-icon {
	display: flex;
	width: 42px;
	height: 42px;
	margin: 0 auto 12px;
	align-items: center;
	justify-content: center;
	border: 1px solid #315a76;
	border-radius: 50%;
	color: #58d7ff;
	font-size: 21px;
}

.xe-downloads-empty strong {
	display: block;
	color: #c9dbe8;
	font-size: 12px;
}

.xe-downloads-empty p {
	margin: 6px 0 0;
	color: #658096;
	font-size: 10px;
}

.xe-downloads-footer-note {
	display: flex;
	min-height: 44px;
	padding: 10px 22px;
	align-items: center;
	justify-content: center;
	gap: 8px;
	border-top: 1px solid #203a4f;
	background: rgba(4, 13, 22, .66);
	color: #617e93;
	font-size: 9px;
	letter-spacing: .25px;
}

.xe-downloads-shield {
	display: inline-flex;
	width: 17px;
	height: 17px;
	align-items: center;
	justify-content: center;
	border: 1px solid rgba(69, 231, 148, .3);
	border-radius: 50%;
	color: #65e5a5;
	font-size: 9px;
}

@media (max-width: 760px) {
	.xe-downloads-hero { padding: 28px 24px; }
	.xe-downloads-main-icon { width: 66px; height: 66px; flex-basis: 66px; }
	.xe-downloads-main-icon svg { width: 40px; height: 40px; }
	.xe-downloads-hero-copy { padding: 0 18px; }
	.xe-downloads-hero-copy h2 { font-size: 22px; line-height: 28px; }
	.xe-downloads-status { display: none; }
	.xe-download-card { flex-wrap: wrap; }
	.xe-download-card-copy { padding-right: 0; }
	.xe-download-button { width: 100%; margin-top: 17px; }
}

@media (max-width: 520px) {
	.xe-downloads-hero { min-height: 0; padding: 25px 18px; align-items: flex-start; }
	.xe-downloads-main-icon { width: 52px; height: 52px; flex-basis: 52px; border-radius: 12px; }
	.xe-downloads-main-icon svg { width: 31px; height: 31px; }
	.xe-downloads-hero-copy { padding: 0 0 0 14px; }
	.xe-downloads-hero-copy h2 { font-size: 18px; line-height: 24px; }
	.xe-downloads-hero-copy p { font-size: 10px; line-height: 16px; }
	.xe-downloads-list { padding: 13px; }
	.xe-download-card { padding: 17px 14px; }
	.xe-download-card-icon { width: 47px; height: 47px; flex-basis: 47px; }
	.xe-download-card-icon svg { width: 26px; height: 26px; }
	.xe-download-card-copy { width: calc(100% - 47px); padding-left: 13px; }
	.xe-download-card-copy p { white-space: normal; }
	.xe-download-meta { flex-wrap: wrap; line-height: 17px; }
}