:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#14243e;background:#f5f8fc;font-synthesis:none}
*{box-sizing:border-box}body{margin:0}a{color:#1767cc;text-underline-offset:4px}header,main,footer{max-width:1120px;margin:auto;padding:28px}
header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dce5ee}.brand{font-size:25px;font-weight:800;text-decoration:none;color:#14243e}.brand span{font-size:14px;font-weight:500;color:#617084;margin-left:8px}
.hero{padding:82px 0 66px;max-width:860px}.eyebrow{font-size:13px;font-weight:750;letter-spacing:.15em;color:#1767cc}
h1{font-size:clamp(34px,5vw,59px);line-height:1.12;letter-spacing:-.045em;margin:22px 0}h2{font-size:24px;letter-spacing:-.025em}
.intro{font-size:21px;line-height:1.6;max-width:650px;color:#526378}.status{display:inline-flex;align-items:center;gap:10px;margin-top:20px;padding:13px 18px;background:#e6effe;border-radius:12px;color:#1758ae;font-weight:650}.dot{width:8px;height:8px;background:#1767cc;border-radius:50%}.note{max-width:570px;color:#617084;font-size:14px;line-height:1.6}
.features{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.features article{padding:28px;background:#fff;border:1px solid #e0e7ef;border-radius:22px}.number{color:#1767cc;font-size:14px;font-weight:700}.features p,.help p,.prose p,.prose li{line-height:1.7;color:#526378}
.help{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:42px 0;margin-top:38px}.button{display:inline-block;border-radius:12px;padding:16px 20px;background:#146be2;color:#fff;text-decoration:none;font-weight:650;white-space:nowrap}footer{display:flex;gap:24px;flex-wrap:wrap;border-top:1px solid #dce5ee;color:#617084;font-size:14px}
.prose{max-width:750px;padding:40px 0 70px}.prose h1{font-size:42px}a:focus-visible{outline:3px solid #146be2;outline-offset:5px}
.signup-card{max-width:680px;margin:54px auto 72px;padding:clamp(24px,5vw,48px);background:#fff;border:1px solid #dce5ee;border-radius:24px;box-shadow:0 18px 50px #14243e12}
.signup-card h1{font-size:clamp(34px,5vw,52px)}.signup-card .intro{font-size:18px}
.signup-form{display:grid;gap:18px;margin-top:30px}.signup-form label{font-weight:700;color:#14243e}
.signup-form input[type=email]{display:block;width:100%;min-height:54px;margin-top:8px;padding:14px 16px;border:1px solid #9aaabd;border-radius:12px;font:inherit;color:#14243e;background:#fff}
.signup-form input[type=email]:focus-visible,.signup-form input[type=checkbox]:focus-visible{outline:3px solid #146be2;outline-offset:3px}
.signup-consent{display:flex;align-items:flex-start;gap:12px;font-weight:400!important;line-height:1.6;color:#394b62!important}
.signup-consent input{width:20px;height:20px;flex:0 0 auto;margin:2px 0 0;accent-color:#146be2}
.signup-form .button{border:0;font:inherit;font-weight:700;cursor:pointer}.signup-form .button:disabled{opacity:.65;cursor:wait}
.signup-status{min-height:1.6em;margin:0;color:#33465e;line-height:1.6}.signup-status[data-state=error]{color:#a32121}.signup-status[data-state=success]{color:#176239}
.signup-note{padding:16px 18px;background:#eef4fc;border-radius:12px;color:#394b62;line-height:1.6}
.signup-form .website-field{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
a:focus-visible,.signup-form button:focus-visible{outline:3px solid #146be2;outline-offset:5px}
@media(max-width:650px){header,main,footer{padding:22px}.hero{padding:45px 0}.features{grid-template-columns:1fr}.help{align-items:flex-start;flex-direction:column}.intro{font-size:18px}.status{font-size:14px}.brand span{display:block;margin:3px 0 0}}
/* La página de validadores reutiliza la ilustración aprobada de inicio de sesión. */
body.validator-page{min-height:100vh;background:#eaf1fb}
body.validator-page::before{content:"";position:fixed;inset:0;z-index:0;background:linear-gradient(110deg,rgba(255,255,255,.14),rgba(242,247,255,.42)),url('/validadores/miauto-login-aprobada.jpg') center/cover no-repeat}
.validator-page header,.validator-page main,.validator-page footer{position:relative;z-index:1}
.validator-page main{min-height:calc(100vh - 150px);display:grid;align-items:center}
.validator-page .signup-card{width:min(100%,740px);margin:30px auto;background:rgba(255,255,255,.96);backdrop-filter:blur(8px)}
.validator-page [hidden]{display:none!important}
.success-card{text-align:center}
.success-card .eyebrow{text-align:center}
.success-card .intro,.success-card .signup-note{margin-left:auto;margin-right:auto}
.success-card .button{margin-top:8px}
.success-mark{display:grid;place-items:center;width:64px;height:64px;margin:24px auto 10px;border-radius:50%;background:#e7f5ed;color:#187143;font-size:36px;font-weight:800}
#success-title:focus{outline:3px solid #146be2;outline-offset:5px;border-radius:4px}
@media(max-width:650px){.validator-page main{min-height:calc(100vh - 160px)}.validator-page .signup-card{margin:20px auto}.validator-page::before{background-position:56% center}}
@media(prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}}