:root {
  color-scheme: light;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont,
    "Segoe UI", sans-serif;
  background: #f7f9fc;
  color: #172033;
}

* { box-sizing: border-box; }
body { margin: 0; min-height: 100vh; background: linear-gradient(180deg, #ffffff 0%, #f4f8fd 100%); }
main { width: min(760px, calc(100% - 32px)); margin: 0 auto; padding: 64px 0; }
.brand { display: flex; align-items: center; gap: 12px; margin-bottom: 44px; color: #1c2a44; font-size: 18px; font-weight: 700; }
.brand img { width: 40px; height: 40px; border-radius: 10px; background: #ffffff; }
.card { border: 1px solid #dfe7f2; border-radius: 20px; background: #ffffff; padding: clamp(24px, 5vw, 48px); box-shadow: 0 20px 60px rgba(20, 60, 110, 0.08); }
h1 { margin: 0 0 16px; font-size: clamp(34px, 7vw, 54px); line-height: 1.05; letter-spacing: -0.035em; }
p { color: #506078; font-size: 17px; line-height: 1.65; }
.actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 28px; }
.button { display: inline-flex; min-height: 46px; align-items: center; justify-content: center; border-radius: 10px; padding: 0 20px; background: #1769e0; color: #ffffff; font-weight: 700; text-decoration: none; }
.button.secondary { border: 1px solid #cbd7e8; background: #f7faff; color: #174a91; }
.button.disabled { cursor: not-allowed; background: #d7deea; color: #637087; }
.metadata { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 16px; margin-top: 32px; padding-top: 24px; border-top: 1px solid #e5ebf4; }
.metadata dt { color: #738096; font-size: 13px; font-weight: 700; letter-spacing: 0.04em; text-transform: uppercase; }
.metadata dd { margin: 6px 0 0; color: #25344e; font-weight: 650; }
.notice { margin-top: 20px; border-radius: 10px; background: #eff6ff; padding: 14px 16px; color: #34506f; font-size: 14px; }
footer { margin-top: 28px; color: #738096; font-size: 13px; }