:root{--sky1:#2f93e8;--sky2:#55b2f0;--sky3:#8ed4f8;--ink:#13263a;--muted:#4b5d70;--card:#ffffff}
*{box-sizing:border-box}
html,body{margin:0;height:100%}
body{font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;color:var(--ink);
  background:linear-gradient(180deg,var(--sky1) 0%,var(--sky2) 55%,var(--sky3) 100%);background-attachment:fixed;
  display:flex;flex-direction:column;min-height:100vh;line-height:1.55}
main{flex:1;display:flex;align-items:center;justify-content:center;padding:2rem 1rem}
.card{background:var(--card);max-width:36rem;width:100%;border-radius:14px;padding:2.25rem 2rem;
  box-shadow:0 10px 0 rgba(19,38,58,.12),0 18px 40px rgba(19,38,58,.18)}
.logo{width:56px;height:56px;display:block;margin-bottom:1.25rem}
h1{font-size:clamp(1.6rem,4.5vw,2.1rem);line-height:1.2;margin:0 0 .25rem}
.tag{display:inline-block;font-weight:600;font-size:.85rem;letter-spacing:.04em;text-transform:uppercase;
  color:#fff;background:#1769b8;border-radius:6px;padding:.2rem .6rem;margin:0 0 1.25rem}
p{margin:0 0 1rem}
.en{color:var(--muted);font-size:.95rem;border-top:1px solid #e3e9ef;padding-top:1rem;margin-top:1.25rem}
a{color:#0b63b6;text-underline-offset:2px}
a:focus-visible{outline:3px solid #f2b705;outline-offset:2px;border-radius:2px}
footer{color:#0e2236;font-size:.85rem;text-align:center;padding:1rem 1rem 1.5rem}
@media (max-width:480px){.card{padding:1.75rem 1.25rem}}