:root{--a:#2a5fd8;--b:#173c9e;--l:#fff;--s:rgba(255,255,255,.72);--ac:#f5b335}
*{box-sizing:border-box}
html,body{margin:0}
body{min-height:100vh;color:var(--l);font-family:Montserrat,system-ui,sans-serif;line-height:1.6;
background:
 linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px) 0 0/25px 25px,
 linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px) 0 0/25px 25px,
 linear-gradient(rgba(255,255,255,.12) 1px,transparent 1px) 0 0/100px 100px,
 linear-gradient(90deg,rgba(255,255,255,.12) 1px,transparent 1px) 0 0/100px 100px,
 radial-gradient(ellipse at 50% 30%,var(--a),var(--b));background-attachment:fixed}
a{color:var(--ac)}
.wrap{max-width:760px;margin:0 auto;padding:48px 20px 64px}
header{display:flex;align-items:center;gap:14px;margin-bottom:40px}
header img{width:48px;height:48px;border-radius:50%}
header a{color:var(--l);text-decoration:none;font-weight:900;letter-spacing:2px}
h1{font-weight:900;font-size:clamp(40px,9vw,76px);line-height:1;margin:0 0 12px;letter-spacing:1px}
h1 span,.ac{color:var(--ac)}
h2{font-weight:800;font-size:22px;margin:36px 0 8px}
p,li{color:var(--s);font-size:17px}
.lema{font-weight:800;letter-spacing:5px;font-size:15px;color:var(--l)}
.card{border:3px solid rgba(255,255,255,.85);border-radius:20px;background:rgba(23,60,158,.7);padding:28px;margin-top:32px}
.btn{display:inline-block;margin-top:24px;padding:14px 26px;border-radius:14px;background:var(--ac);color:var(--b);font-weight:900;text-decoration:none}
footer{margin-top:56px;padding-top:20px;border-top:1px dashed rgba(255,255,255,.4);font-size:14px;color:var(--s)}
footer a{margin-right:16px}