/* Служебные страницы: 404 и технические работы — в фирменном мягком зелёном */
:root { --bg: #EDF4EB; --text: #141A14; --muted: #5E6B5E; --green: #2E7D3E; --line: #CFDCCB; }
html.dark { --bg: #151B26; --text: #E9EDF4; --muted: #9AA5B7; --green: #3F9E57; --line: #3A4659; }
html.dark .card { background: rgba(30, 38, 52, .94) !important; border-color: #2B3547 !important; }
html.dark .btn:not(.out) { color: #FFFFFF !important; }
html.dark .btn.out { color: var(--text); }
* { box-sizing: border-box; }
html, body { margin: 0; min-height: 100%; }
body { background: var(--bg); color: var(--text); font: 16px/1.55 "Manrope", system-ui, sans-serif; }
.wrap { min-height: 100vh; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 28px; padding: 24px 16px; }
.brand { display: flex; align-items: center; gap: 10px; font-size: 24px; font-weight: 600; color: var(--text); text-decoration: none; }
.logo { width: 32px; height: 32px; border-radius: 50%; background: #4BA75A; display: grid; place-items: center; }
.card {
  width: 100%; max-width: 480px; text-align: center; padding: 36px 28px; border-radius: 28px;
  background: rgba(255, 255, 255, .78); border: 1px solid #FFFFFF; box-shadow: 0 10px 30px rgba(30, 60, 30, .06);
}
.code { font-size: 72px; font-weight: 600; letter-spacing: -0.04em; color: var(--green); line-height: 1; }
.icon { width: 60px; height: 60px; margin: 0 auto; border-radius: 20px; display: grid; place-items: center; background: #EEF7EC; color: var(--green); }
h1 { font-size: 26px; font-weight: 600; margin: 16px 0 8px; letter-spacing: -0.01em; }
p { margin: 0 0 12px; }
.muted { color: var(--muted); font-size: 14px; }
a { color: var(--green); }
.actions { display: flex; gap: 10px; justify-content: center; flex-wrap: wrap; margin-top: 20px; }
.btn {
  display: inline-flex; align-items: center; justify-content: center; height: 46px; padding: 0 22px; border-radius: 999px;
  background: var(--green); color: #FFFFFF; font-weight: 600; text-decoration: none;
}
button.btn { border: 0; font: inherit; font-weight: 600; cursor: pointer; }
.btn.out { background: transparent; color: var(--text); border: 1px solid var(--line); }