:root{--ground:#e7edf5;--ink:#122239;--ink-soft:#4d5f78;--blue:#1f5fa6;--guinda:#a01f2d;--amber:#e08a1e;}
  *{box-sizing:border-box;}body{margin:0;min-height:100vh;background:radial-gradient(120% 90% at 100% 0%,#eef4fb,var(--ground));
    color:var(--ink);font-family:"Archivo",system-ui,sans-serif;display:grid;place-items:center;padding:24px;text-align:center;}
  img{height:96px;filter:drop-shadow(0 4px 10px rgba(18,34,57,.18));margin-bottom:18px;}
  .sp{width:34px;height:34px;border-radius:50%;border:3px solid #cdd8e6;border-top-color:var(--blue);
    animation:spin .8s linear infinite;margin:6px auto 14px;}
  @keyframes spin{to{transform:rotate(360deg)}}
  h1{font-weight:800;font-size:19px;margin:0 0 4px;}
  p{color:var(--ink-soft);font-weight:600;font-size:14px;margin:0 0 18px;}
  .links{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;}
  a{text-decoration:none;font-weight:800;font-size:13px;padding:9px 16px;border-radius:9px;border:1.5px solid #cdd8e6;color:var(--blue);background:#fff;}