:root {
  --sopotnik-bg: #f7f8fb;
  --sopotnik-surface: #fff;
  --sopotnik-text: #18202a;
  --sopotnik-muted: #667085;
  --sopotnik-border: #e4e7ec;
  --sopotnik-accent: #2356d8;
  --sopotnik-radius: 18px;
  --sopotnik-max: 1180px;
}
* { box-sizing: border-box; }
html { min-height: 100%; background: var(--sopotnik-bg); }
body.sopotnik-app-shell { margin: 0; min-height: 100vh; background: var(--sopotnik-bg); color: var(--sopotnik-text); font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; -webkit-font-smoothing: antialiased; }
a { color: inherit; }
#sopotnik-shell { min-height: 100vh; }
.sopotnik-shell__main { width: 100%; min-height: 100vh; }
.sopotnik-shell__center { display: grid; place-items: center; padding: 24px; }
.sopotnik-shell__notice { width: min(100%, 620px); margin: 48px auto; padding: 28px; background: var(--sopotnik-surface); border: 1px solid var(--sopotnik-border); border-radius: var(--sopotnik-radius); box-shadow: 0 8px 28px rgba(16,24,40,.06); }
.sopotnik-shell__notice p { color: var(--sopotnik-muted); line-height: 1.55; }
.sopotnik-shell__button { display: inline-flex; min-height: 44px; align-items: center; justify-content: center; padding: 0 18px; border-radius: 12px; background: var(--sopotnik-accent); color: #fff; text-decoration: none; font-weight: 700; }