:root {
	--terms-bg: #111715;
	--terms-panel: #1a2320;
	--terms-line: rgba(236, 242, 231, .13);
	--terms-text: #f2f1e8;
	--terms-muted: #a3aea5;
	--terms-green: #9fc3a6;
	--terms-yellow: #eacb75;
}

* { box-sizing: border-box; }
body { min-height: 100vh; margin: 0; color: var(--terms-text); background: var(--terms-bg); font-family: "DM Sans", sans-serif; }
a { color: inherit; text-decoration: none; }
.terms-topbar { min-height: 68px; display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 0 max(20px, calc((100vw - 920px) / 2)); border-bottom: 1px solid var(--terms-line); background: #151c19; }
.terms-brand { display: inline-flex; align-items: center; gap: 10px; font: 700 17px "Space Grotesk", sans-serif; }
.terms-brand-mark { width: 32px; aspect-ratio: 1; display: grid; place-items: center; border-radius: 50% 50% 50% 7px; color: #15201b; background: var(--terms-yellow); background-image: url('/assets/ico.jpg'); background-position: center; background-size: cover; color: transparent; font-size: 0; }
.terms-back { color: var(--terms-green); font-size: 12px; font-weight: 700; }
.terms-shell { width: min(920px, calc(100% - 36px)); margin: 0 auto; padding: 56px 0 72px; }
.terms-intro { padding: 0 0 28px; border-bottom: 1px solid var(--terms-line); }
.terms-eyebrow { color: var(--terms-yellow); font-size: 10px; font-weight: 700; letter-spacing: .14em; }
.terms-intro h1 { margin: 10px 0 8px; font: 600 34px/1.15 "Space Grotesk", sans-serif; }
.terms-intro p { max-width: 680px; margin: 8px 0 0; color: var(--terms-muted); font-size: 13px; line-height: 1.65; }
.terms-content { padding-top: 10px; }
.terms-content section { padding: 23px 0; border-bottom: 1px solid var(--terms-line); }
.terms-content h2 { margin: 0 0 10px; color: var(--terms-text); font: 600 18px "Space Grotesk", sans-serif; }
.terms-content p, .terms-content li { color: var(--terms-muted); font-size: 13px; line-height: 1.7; }
.terms-content p { margin: 8px 0 0; }
.terms-content ul { display: grid; gap: 8px; margin: 10px 0 0; padding-left: 20px; }
.terms-content li::marker { color: var(--terms-green); }
.terms-content strong { color: var(--terms-text); }
.terms-note { margin-top: 24px !important; padding: 14px 16px; border-left: 3px solid var(--terms-yellow); background: rgba(234, 203, 117, .07); }
.terms-footer { min-height: 58px; display: flex; justify-content: space-between; align-items: center; gap: 16px; padding: 0 max(20px, calc((100vw - 920px) / 2)); border-top: 1px solid var(--terms-line); color: var(--terms-muted); font-size: 11px; }
.terms-footer a { color: var(--terms-green); font-weight: 700; }

@media (max-width: 520px) {
	.terms-topbar { min-height: 60px; padding-inline: 14px; }
	.terms-shell { width: calc(100% - 28px); padding: 34px 0 48px; }
	.terms-intro h1 { font-size: 28px; }
	.terms-content h2 { font-size: 16px; }
	.terms-footer { padding-inline: 14px; }
}