body.system-page { min-height: 100vh; display: flex; flex-direction: column; }
.system-main { flex: 1; display: grid; place-items: center; padding: 150px 0 100px; }
.system-card { width: min(760px, calc(100vw - 32px)); padding: clamp(28px, 5vw, 62px); border: 1px solid rgba(89,83,83,.14); border-radius: 28px; background: rgba(253,253,253,.72); box-shadow: 0 28px 70px rgba(89,83,83,.12); }
.system-code { display: block; color: var(--brand); font-family: var(--display, "Bebas Neue", Arial, sans-serif); font-size: clamp(4rem, 11vw, 8rem); line-height: .8; }
.system-card h1 { margin: 24px 0 20px; font-family: var(--display, "Bebas Neue", Arial, sans-serif); font-size: clamp(2.8rem, 7vw, 5.8rem); font-weight: 400; line-height: .92; text-transform: uppercase; color: var(--ink); }
.system-card p { max-width: 620px; }
.system-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 30px; }
.privacy-content h1 { font-size: clamp(2.8rem, 6vw, 5rem); }
.privacy-content h2 { margin-top: 42px; font-size: clamp(1.8rem, 3vw, 2.7rem); }
.privacy-content ul { padding-left: 20px; }
@media (max-width:620px) { .system-main { padding-top: 115px; } .system-actions { flex-direction: column; } .system-actions .button { width: 100%; } }