:root{
  color-scheme:light dark;
  font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  background:#ebecee;
  color:#040d21;
}
*{box-sizing:border-box}
body{margin:0;min-height:100vh;padding:clamp(20px,5vw,64px);background:linear-gradient(145deg,#f8fafc,#ebecee)}
main{width:min(100%,760px);margin:0 auto;padding:clamp(24px,5vw,52px);border:1px solid #d6dadd;border-radius:22px;background:#fff;box-shadow:0 22px 60px rgba(4,13,33,.1)}
.brand{display:flex;align-items:center;gap:16px;margin-bottom:32px}
.brand img{width:58px;height:58px;border-radius:16px;object-fit:contain;background:#fff}
.brand strong{font-size:1.1rem}
h1{margin:0 0 28px;font-size:clamp(1.8rem,4vw,2.5rem)}
h2{margin:28px 0 8px;font-size:1.05rem}
p{margin:0 0 12px;line-height:1.65}
a{color:#087f86;font-weight:650}
.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:34px;padding-top:22px;border-top:1px solid #e4e7e9}
.actions a{display:inline-flex;padding:10px 14px;border-radius:10px;background:#040d21;color:#fff;text-decoration:none}
.actions a:hover,.actions a:focus-visible{background:#075f64}
@media(prefers-color-scheme:dark){
  :root{background:#040d21;color:#eefcfd}
  body{background:linear-gradient(145deg,#040d21,#091c29)}
  main{border-color:#1f3c49;background:#07142b;box-shadow:0 22px 60px rgba(0,0,0,.38)}
  .brand img{background:#040d21}
  a{color:#8debf0}
  .actions{border-color:#1f3c49}
  .actions a{background:#5ce1e6;color:#040d21}
}