/* style.css - external styles for Terms & Conditions page */

:root{
	--bg: #f7fbfc;
	--card: #ffffff;
	--muted: #6b7280;
	--accent: #0f766e;
	--accent-2: #0ea5a3;
	--max-width: 980px;
	--radius: 12px;
	--pad: 18px;
	--shadow: 0 6px 18px rgba(16,24,40,0.06);
	font-family: Inter, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
}

*{box-sizing: border-box}
html,body{
	height:100%;
	margin:0;
	background:linear-gradient(180deg,#f8fafc 0%, #eef2f3 100%);
	color:#0f172a;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
}

header{
	position:sticky;
	top:0;
	z-index:40;
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:16px;
	padding:14px 20px;
	background:rgba(255,255,255,0.92);
	backdrop-filter: blur(6px);
	border-bottom:1px solid rgba(15,23,42,0.04);
}

header .header-left img{
	height:44px;
	width:auto;
	display:block;
}

header h1{
	margin:0;
	font-size:1.05rem;
	font-weight:600;
	color:var(--accent);
	text-align:center;
	flex:1;
}

.logout-button{
	background:#fff;
	border:1px solid rgba(15,23,42,0.06);
	padding:8px 12px;
	border-radius:8px;
	cursor:pointer;
	font-weight:600;
	transition:transform .12s ease, box-shadow .12s ease;
}
.logout-button:hover{ transform:translateY(-2px); box-shadow:var(--shadow) }

.container{
	max-width:var(--max-width);
	margin:24px auto;
	padding:18px;
	display:block;
	gap:18px;
}

/* sections */
main section{
	background:var(--card);
	border-radius:var(--radius);
	padding:var(--pad);
	margin-bottom:16px;
	box-shadow:var(--shadow);
	border:1px solid rgba(15,23,42,0.03);
}

main section h2{
	margin-top:0;
	color:#072f2d;
	font-size:1.05rem;
}

.intro p, .signature p {
	margin:8px 0;
	color:var(--muted);
}

ul{ margin:8px 0 8px 20px; color:var(--muted) }
address{ font-style:normal; color:var(--muted) }

/* footer */
.footer-class{
	margin:26px auto 40px auto;
	text-align:center;
	color:var(--muted);
	font-size:0.9rem;
}

/* responsive */
@media (max-width:720px){
	header{ padding:12px }
	header h1{ font-size:0.92rem }
	.container{ padding:12px; margin:12px }
	main section{ padding:14px }
}