:root {
	--brand:#ff9800;
	--bg:#eeeeee;
	--text:#111;
	--muted:#555;
	--card:#fff;
	--line:#ddd;
}
@media (prefers-color-scheme: dark) {
	:root{
		--bg:#0f1116;
		--text:#f5f6fb;
		--muted:#aab0c0;
		--card:#141823;
		--line:#232533;
	}
}
body {
	font-family:Tahoma, Verdana, sans-serif; 
	font-size:14px; 
	margin:0; 
	background:var(--bg); 
	color:var(--text);
}
a {
	color:inherit
}
.wrap {
	min-height: 100dvh; 
	display:grid; 
	place-items:center; 
	padding:24px
}
.card {
	width:min(860px, 100%);
	background:var(--card);
	border:1px solid var(--line);
	border-radius:14px;
	box-shadow:0 10px 30px rgba(0,0,0,.08);
	overflow:hidden;
}
.head {
	display:flex; 
	align-items:center; 
	gap:12px;
	padding:16px 20px; 
	border-bottom:1px solid var(--line);
	background:linear-gradient(180deg, rgba(255,152,0,.12), transparent);
}
.logo-dot {
	width:12px;
	height:12px;
	border-radius:50%;
	background:var(--brand);
	box-shadow:0 0 12px rgba(255,152,0,.8)
}
.title {
	margin:0; 
	font-size:18px
}
.badge {
	margin-left:auto; 
	padding:6px 10px; 
	border-radius:999px; 
	background:rgba(255,152,0,.15); 
	color:#b35d00; 
	font-weight:700
}
.body {
	padding:20px; 
	display:grid; 
	gap:18px
}
.section {
	border:1px dashed var(--line); 
	border-radius:12px; 
	padding:14px; 
	background:rgba(255,255,255,.02)
}
.section h2 {
	margin:0 0 6px; 
	font-size:16px
}
.section p {
	margin:0 0 10px
}
.section ul {
	margin:8px 0 0 18px; 
	padding:0
}
.section li {
	margin:6px 0
}
.actions {
	display:flex; 
	gap:10px; 
	flex-wrap:wrap
}
.btn {
	display:inline-flex; 
	align-items:center; 
	justify-content:center; 
	gap:8px;
	padding:10px 14px; 
	border-radius:10px; 
	border:1px solid var(--line);
	background:#fff0; 
	color:var(--text); 
	cursor:pointer; 
	text-decoration:none;
}
.btn--brand {
	border-color:transparent; 
	background:linear-gradient(90deg, var(--brand), #ffb74d); 
	color:#241200; 
	font-weight:800
}
.foot {
	padding:12px 20px; 
	border-top:1px solid var(--line); 
	color:var(--muted); 
	display:flex; 
	justify-content:space-between; 
	flex-wrap:wrap; 
	gap:8px;
}
.lang-codes {
	color:var(--muted);
	font-size:12px
}