/*
Mansurge 404 Page v1.0
Phase-aware / EN-AR
*/
.ms-404-page{
	--bg:#090e0e;
	--panel:#101717;
	--line:rgba(197,165,114,.18);
	--gold:#c5a572;
	--white:#f5f3ee;
	--soft:#c8cccc;
	--muted:#7f8989;
	position:relative;
	min-height:calc(100vh - 80px);
	overflow:hidden;
	background:
		radial-gradient(circle at 85% 18%,rgba(197,165,114,.07),transparent 30%),
		var(--bg);
	color:var(--white);
}

.ms-404-page *,
.ms-404-page *::before,
.ms-404-page *::after{
	box-sizing:border-box;
}

.ms-404-shell{
	position:relative;
	width:min(1180px,calc(100% - 48px));
	min-height:calc(100vh - 80px);
	margin-inline:auto;
	padding:clamp(88px,10vw,150px) 0 90px;
}

.ms-404-grid{
	position:relative;
	z-index:2;
	display:grid;
	grid-template-columns:minmax(0,1fr) 280px;
	gap:80px;
	align-items:end;
}

.ms-404-eyebrow{
	margin:0 0 18px;
	color:var(--gold);
	font-size:11px;
	font-weight:750;
	letter-spacing:.17em;
	text-transform:uppercase;
}

.ms-404-page h1{
	max-width:850px;
	margin:0;
	color:var(--white);
	font-size:clamp(56px,7.7vw,108px);
	line-height:.94;
	letter-spacing:-.055em;
}

.ms-404-page h1 span{
	color:var(--gold);
}

.ms-404-lead{
	max-width:690px;
	margin:30px 0 0;
	color:var(--soft);
	font-size:17px;
	line-height:1.8;
}

.ms-404-note{
	padding:24px 0 2px 26px;
	border-left:1px solid var(--line);
}

.ms-404-page[dir="rtl"] .ms-404-note{
	padding:24px 26px 2px 0;
	border-left:0;
	border-right:1px solid var(--line);
}

.ms-404-note span{
	display:block;
	margin-bottom:35px;
	color:var(--gold);
	font-size:11px;
	letter-spacing:.14em;
}

.ms-404-note p{
	margin:0;
	color:var(--muted);
	font-size:13px;
	line-height:1.7;
}

.ms-404-actions{
	position:relative;
	z-index:2;
	display:flex;
	align-items:center;
	flex-wrap:wrap;
	gap:10px;
	margin-top:44px;
}

.ms-404-btn{
	display:inline-flex;
	min-height:50px;
	align-items:center;
	justify-content:center;
	padding:12px 22px;
	border:1px solid var(--line);
	border-radius:999px;
	color:var(--white);
	font-size:13px;
	font-weight:700;
	text-decoration:none;
}

.ms-404-btn-primary{
	border-color:var(--gold);
	background:var(--gold);
	color:#090e0e;
}

.ms-404-text-link{
	margin-inline-start:8px;
	color:var(--muted);
	font-size:12px;
	font-weight:650;
	text-underline-offset:4px;
}

.ms-404-code{
	position:absolute;
	right:-30px;
	bottom:-95px;
	z-index:0;
	display:flex;
	color:rgba(197,165,114,.055);
	font-size:clamp(230px,31vw,520px);
	font-weight:800;
	line-height:.75;
	letter-spacing:-.12em;
	user-select:none;
	pointer-events:none;
}

.ms-404-page[dir="rtl"] .ms-404-code{
	right:auto;
	left:-30px;
}

@media(max-width:900px){
	.ms-404-grid{
		grid-template-columns:1fr;
		gap:42px;
	}

	.ms-404-note{
		max-width:500px;
	}

	.ms-404-note span{
		margin-bottom:16px;
	}
}

@media(max-width:767px){
	.ms-404-shell{
		width:calc(100% - 30px);
		min-height:calc(100vh - 64px);
		padding:74px 0 72px;
	}

	.ms-404-page h1{
		font-size:clamp(52px,17vw,76px);
	}

	.ms-404-lead{
		margin-top:24px;
		font-size:15px;
	}

	.ms-404-actions{
		align-items:stretch;
		flex-direction:column;
	}

	.ms-404-btn{
		width:100%;
	}

	.ms-404-text-link{
		margin:8px 0 0;
		text-align:center;
	}

	.ms-404-code{
		right:-18px;
		bottom:-30px;
		font-size:240px;
	}
}