/* Spacecraft minimal theme: black, turquoise, purple */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;700&display=swap');

:root{
	--bg-dark: #05060a; /* page background */
	--panel: #071021; /* panels/cards */
	--muted: #99b5bd;
		--purple: #080c11; /* now turquoise variable holds previous purple */
		--turq: #12c2d6; /* now purple variable holds previous turquoise */
	--glass: rgba(255,255,255,0.03);
}

html,body{height:100%;}
body{
	font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial;
	background: #ffffff;
	color: #0b1220;
	margin:0;
}

/* Navbar */
.navbar{background: #000; border-bottom: 1px solid rgba(255,255,255,0.03);}
.navbar-brand span{font-weight:700; letter-spacing:.2px; color: #fff;}
.navbar .nav-link{color:rgba(255,255,255,0.9);}
.navbar .nav-link.active{font-weight:700; color: #3a66a8 !important;}
.navbar .nav-link:hover{color: #e6edff;}
.navbar-brand img{height:36px; width:auto; display:inline-block; object-fit:contain;}
.navbar-brand .me-2{margin-right:.6rem !important}

/* Page hero */
.hero{
	padding:2rem 1.25rem;
	background: #f8fafb;
	border-radius: .16rem;
	box-shadow: 0 1px 1px rgba(11,18,32,0.06);
}
.hero h1{color:var(--purple); font-weight:700;}
.hero .lead{color:#5b6b72;}

/* Panels and cards */
.calculator-panel, .card{
	/* soft, slightly tinted panels instead of pure white */
	background: #fbfdff;
	border: 1px solid rgba(11,18,32,0.06);
	border-radius: .6rem;
	padding:1.25rem;
}
.calculator-panel .form-label{font-weight:600; color:var(--muted);} 
.calculator-panel .form-control, .calculator-panel .form-select{border-radius:.45rem; background: rgba(255,255,255,0.02); color:inherit; border:1px solid rgba(255,255,255,0.04);} 

/* Buttons */
.btn-primary{
	background: linear-gradient(90deg, var(--purple), var(--purple));
	border: none;
	color: #021015;
	font-weight:700;
}
.btn-outline-secondary{
	color: var(--muted);
	border-color: rgba(255,255,255,0.06);
}

/* Result box */
.result-box{background: linear-gradient(90deg, rgba(123,97,255,0.10), rgba(18,194,214,0.06)); color:#08313a; padding:1rem; border-radius:.45rem; border:1px solid rgba(18,194,214,0.06);}
.result-value{font-size:1.6rem; font-weight:700; color:var(--purple);}

.sidebar-card{background:transparent; border: 1px solid rgba(255,255,255,0.04);}

footer.site-footer{padding:1rem 0; color:var(--muted); font-size:.9rem;}

@media (max-width: 767px){
	.hero{padding:1rem}
}