/* Shared look for the account pages: login, signup, subscribe, reset. */
* { box-sizing: border-box; }
html, body { height: 100%; margin: 0; }
body {
  display: grid; place-items: center; padding: 16px;
  background: radial-gradient(1200px 600px at 70% -10%, #16214a 0%, #0b1020 55%);
  color: #eef1fb; font: 15px -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}
.panel { width: 100%; max-width: 380px; padding: 34px 30px 28px; border: 1px solid #263159; border-radius: 18px; background: #151d3a; box-shadow: 0 20px 60px #0008; }
.mark { width: 58px; height: 58px; border-radius: 16px; display: grid; place-items: center; margin: 0 auto 16px; background: linear-gradient(135deg, #172449, #3b245f); font-size: 27px; }
h1 { font-size: 20px; text-align: center; margin: 0 0 4px; }
.sub { color: #8f99bd; text-align: center; font-size: 13px; margin-bottom: 24px; line-height: 1.5; }
label { display: block; font-size: 12px; font-weight: 700; color: #aab3d6; margin: 14px 0 6px; }
input { width: 100%; padding: 11px 12px; border-radius: 10px; border: 1px solid #263159; background: #101731; color: #eef1fb; font-size: 16px; outline: none; }
input:focus { border-color: #5b8cff; box-shadow: 0 0 0 3px rgba(91,140,255,.18); }
button { width: 100%; margin-top: 22px; padding: 12px; border: 0; border-radius: 10px; background: #5b8cff; color: #fff; font-weight: 700; font-size: 15px; cursor: pointer; }
button:disabled { opacity: .6; cursor: default; }
button.secondary { background: transparent; border: 1px solid #263159; color: #aab3d6; margin-top: 10px; }
.err { min-height: 20px; margin-top: 14px; color: #ff7a86; font-size: 13px; text-align: center; }
.ok { margin-top: 14px; color: #2ecc8f; font-size: 13px; text-align: center; line-height: 1.5; }
.help { color: #7c86ad; font-size: 12px; text-align: center; margin-top: 8px; line-height: 1.6; }
.help a { color: #aab3d6; text-decoration: underline; text-underline-offset: 2px; }
.price { text-align: center; margin: 6px 0 18px; }
.price b { font-size: 40px; letter-spacing: -1px; }
.price span { color: #8f99bd; font-size: 15px; }
.perks { list-style: none; padding: 0; margin: 0 0 6px; display: grid; gap: 9px; font-size: 14px; color: #aab3d6; }
.perks li::before { content: "✓"; color: #2ecc8f; font-weight: 800; margin-right: 9px; }
.fine { color: #7c86ad; font-size: 11px; text-align: center; margin-top: 14px; line-height: 1.5; }
[hidden] { display: none !important; }