:root{
	--primary:#2C4460; /* deep slate */
	--secondary:#D4B97F; /* blond interior */
	--bg:#f7f4f2; /* soft warm background */
	--card:#ffffff;
	--text:#2b2b2b;
	--muted:#9C8B72; /* soft oat */
}

*{box-sizing:border-box}
html,body{height:100%}
body{
	margin:0;
	font-family: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial;
	background:var(--bg);
	color:var(--text);
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	min-height:100vh;
	padding:0; /* header sits at top */
}

/* Site header */
.site-header{background:var(--primary);color:#fff}
.site-header .navbar-brand{color:#fff;font-weight:700}
.site-header .nav-link{color:rgba(255,255,255,0.9)}
.site-header .nav-link:hover{color:#fff}
.site-header .nav-link.active{color:var(--secondary);font-weight:600}
.site-header .container{align-items:center}

/* Main content area sits below header */
main{padding:2rem 1rem}

.site-container{
	width:100%;
	max-width:900px;
	background:var(--card);
	padding:2rem;
	border-radius:12px;
	box-shadow:0 10px 30px rgba(43,36,36,0.06);
	border-top:4px solid var(--secondary);
	margin:0 auto;
}

h1{margin:0 0 0.5rem 0}
p{margin:0 0 1rem 0;line-height:1.6;font-size:1.05rem}

.lead{color:var(--muted);margin-bottom:1.25rem}

a{color:var(--primary);text-decoration:none}
a:hover{text-decoration:underline}

/* Form elements */
input[type="text"],input[type="email"],textarea,select{
	width:100%;
	padding:0.65rem 0.75rem;
	border:1px solid #e6e1de;
	border-radius:8px;
	background:#fbfbfb;
	font-size:1rem;
	color:var(--text);
}

/* Make primary buttons use warm secondary color */
.btn-primary{
	background:var(--secondary) !important;
	border-color:var(--secondary) !important;
}

.muted{color:var(--muted);font-size:0.95rem}

footer{margin-top:1.25rem;text-align:center;color:var(--muted);font-size:0.9rem}

.page-footer-menu{margin-top:1rem;text-align:center;color:rgba(44,68,96,0.7);font-size:0.88rem;letter-spacing:0.01em;}
.page-footer-menu a{color:rgba(44,68,96,0.7);text-decoration:none;margin:0 0.35rem;}
.page-footer-menu a:hover{text-decoration:underline;}
.page-footer-menu span{color:rgba(44,68,96,0.45);margin:0 0.35rem;}

.status-console{
	position:relative;
	padding:1.75rem 1.25rem;
	border-radius:16px;
	box-shadow:0 18px 40px rgba(0,0,0,0.18);
	border:1px solid rgba(62,180,137,0.18);
	border-left:4px solid #3EB489;
	min-height:180px;
	font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
	background:#06101a;
	color:#D7FFCC;
}
.status-console::before{
	content:"system@status:~$";
	position:absolute;
	top:-0.5rem;
	left:1.25rem;
	background:#06101a;
	padding:0 0.5rem;
	font-size:0.75rem;
	letter-spacing:0.16em;
	color:#3EB489;
	text-transform:lowercase;
}
.status-console-header{
	display:flex;
	justify-content:space-between;
	align-items:flex-start;
	gap:1rem;
	flex-wrap:wrap;
	margin-bottom:1rem;
}
.status-console-title{
	font-size:1rem;
	font-weight:700;
	color:#D7FFCC;
}
.status-console-body{
	display:flex;
	flex-direction:column;
	gap:0.5rem;
	font-size:0.96rem;
}
.status-console-body > div{
	position:relative;
	padding-left:1rem;
}
.status-console-body > div::before{
	content:"> ";
	position:absolute;
	left:0;
	top:0;
	color:#7BC9A4;
}
.status-console-badge{
	background:rgba(62,180,137,0.18);
	padding:0.35rem 0.75rem;
	border-radius:999px;
	font-size:0.8rem;
	font-family: inherit;
	letter-spacing:0.06em;
	border:1px solid rgba(62,180,137,0.4);
	color:#D7FFCC;
}
.status-console-terminal{
	background:#06101a;
	border-left-color:#3EB489;
	color:#D7FFCC;
}
.status-console-terminal .status-console-badge{
	background:rgba(62,180,137,0.16);
	color:#D7FFCC;
}
.status-console-dashboard{
	position:relative;
	border-left-color:var(--primary);
	background:linear-gradient(180deg, rgba(6,16,26,0.98), #06101a 70%);
}
.status-console-dashboard::after{
	content:"";
	position:absolute;
	right:0;
	bottom:0;
	width:40%;
	height:45%;
	background:radial-gradient(circle at right bottom, rgba(44,68,96,0.18), transparent 55%);
	pointer-events:none;
}
.dashboard-panel{
	position:relative;
	overflow:hidden;
}
.dashboard-panel::before{
	content:"";
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:4.5rem;
	background:rgba(212,185,127,0.08);
	pointer-events:none;
}
.status-console-dashboard .status-console-header{
	border-bottom:1px solid rgba(255,255,255,0.08);
	padding-bottom:1rem;
}
.status-console-dashboard .status-console-body{
	gap:0.85rem;
}
.status-console-dashboard .status-console-body > div{
	position:relative;
	padding-left:1.4rem;
	border-left:4px solid rgba(44,68,96,0.65);
}
.status-console-dashboard .status-console-body > div::before{
	content:"";
	width:0.5rem;
	height:0.5rem;
	border-radius:50%;
	background:var(--primary);
	position:absolute;
	left:0;
	top:0.25rem;
}
.status-console-dashboard .status-console-badge{
	background:rgba(212,185,127,0.12);
	border-color:rgba(212,185,127,0.4);
	color:#D7FFCC;
}
@media (max-width:600px){
	main{padding:1rem}
	.site-container{padding:1rem;border-radius:10px}
}