:root{color-scheme:dark;background:#070c15;color:#e8eefc;font-family:Manrope,system-ui,sans-serif}
.loginPage{margin:0;min-height:100vh;background:radial-gradient(ellipse at 50% 90%,rgba(242,107,56,.055),transparent 60%),#070c15;font-family:Manrope,system-ui,sans-serif}
.loginPage *{box-sizing:border-box}.loginPage a{color:inherit;text-decoration:none}.loginPage a:hover{color:#ff9566}
.authHeader{max-width:1180px;padding:22px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px;margin:auto}
.authBrand{display:flex;align-items:center;gap:10px;flex-shrink:0;font-size:18px;font-weight:800;letter-spacing:1.1px}.authBrand img{display:block;width:38px;height:38px}
.guestLink{font-size:13px;color:#acb7ca!important;transition:color .2s}.guestLink:hover{color:#ff9566!important}
.authMain{max-width:480px;margin:18px auto 0;padding:20px 20px 40px}.authWelcome{text-align:center;margin-bottom:26px}.authEmblem{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border:1px solid #f26b383b;border-radius:15px;background:#f26b3810;color:#ff9566}
.loginPage svg{width:21px;height:21px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.authWelcome h1{font-size:27px;letter-spacing:-.7px;margin:15px 0 8px;font-weight:800}.authWelcome p{font-size:14px;color:#9facbf;margin:0}
.loginPage .authCard{margin:0;background:#101824;border:1px solid #ffffff12;border-radius:20px;padding:26px;box-shadow:0 18px 50px #00000020}.authCard h2{font-size:17px;margin:0 0 20px;font-weight:700}
.loginMethods{display:grid;gap:10px}.loginPage button{margin:0;width:100%;min-height:48px;padding:12px 16px;display:flex;justify-content:center;align-items:center;gap:10px;border-radius:12px;font-size:13px;font-weight:750;background:linear-gradient(120deg,#F26B38,#FF9566);color:#16100d;border:0px;transition:filter .2s,transform .2s,border-color .2s}
.loginPage button:hover:not(:disabled){filter:brightness(1.09);transform:translateY(-1px)}.loginPage button:active:not(:disabled){transform:translateY(1px)}.loginPage button:disabled{cursor:wait;opacity:.55}.loginPage button.secondary,.loginPage .loginMethods button:not([aria-pressed="true"]){background:#ffffff04;border:1px solid #ffffff20;color:#d7dfeb}.loginPage .loginMethods button[aria-pressed="true"]{background:linear-gradient(120deg,#F26B38,#FF9566);color:#16100d;border:0px}
.loginPage label{font-size:12px;font-weight:600;color:#c3ccdc;margin:18px 0 0;display:block}.authInput{display:flex;align-items:center;background:#080f1b;border:1px solid #ffffff20;border-radius:12px;min-height:48px;margin-top:8px;transition:border-color .2s;overflow:hidden}.authInput:focus-within{border-color:#ff9566}.authInput>svg{color:#ff9566;margin-left:14px;width:19px;height:19px}.loginPage .authInput input{width:100%;min-width:0;border:0;background:transparent;padding:13px 12px;font-size:14px;font-family:Manrope,system-ui,sans-serif;outline:none;border-radius:0;color:#edf2fb}.loginPage #login-code{font-family:"JetBrains Mono",monospace;letter-spacing:3px}.loginPage .authSubmit{margin-top:22px}.loginPage .authSubmit svg{width:18px;height:18px}.authHint{font-size:13px;line-height:1.6;color:#aeb9cb}.authLinks{display:flex;justify-content:space-between;gap:12px;margin-top:24px;font-size:12px}.authLinks a{padding:5px 0}
.loginPage .status{white-space:pre-wrap;font-size:12px;line-height:1.6;background:#ffffff04;border:1px solid #ffffff12;border-radius:10px;padding:11px 13px;margin:18px 0 0;color:#bcc9dc}.loginPage .status:empty{display:none}.loginPage .status.error{color:#ffb2a9;border-color:#ff968d50;background:#ff968d09}
.authResend{margin-top:22px;padding-top:20px;border-top:1px solid #ffffff12}.authResend summary{font-size:12px;color:#a9b7cc;cursor:pointer;padding:4px 0}.authResend p{font-size:12px;color:#a9b7cc;line-height:1.6;margin:12px 0}.alreadyCode{display:block;font-size:12px;text-align:center;margin-top:17px}.authFootnote{font-size:11px;text-align:center;color:#8290a6;margin:23px 0 0;line-height:1.7}.loginPage :focus-visible{outline:2px solid #ff9566;outline-offset:4px}.loginPage .authInput input:focus-visible{outline:none}
@media(max-width:520px){.authHeader{padding:18px 18px;gap:10px}.authBrand{font-size:15px;gap:8px;letter-spacing:.7px}.authBrand img{width:32px;height:32px}.guestLink{font-size:11px;max-width:105px;text-align:right}.authMain{padding:16px 16px 30px;margin-top:12px}.authWelcome h1{font-size:25px}.loginPage .authCard{padding:22px 20px}}
@media(prefers-reduced-motion:reduce){.loginPage *{transition:none!important}}

/* Registro, verificación y recuperación: misma familia visual del login. */
.authFlow .authMain{max-width:520px}.authFlow .authCard{margin-top:18px}.authFlow .authCard p,.authFlow .authHelp{font-size:12px;line-height:1.7;color:#aeb9cb}.authFlow .authCard>button{margin-top:16px}.authFlow .authCard h2{margin-bottom:14px}.authFlow .authCard small{font-size:12px;color:#aeb9cb}.authFlow #verify-email-code input[name=code]{font-family:"JetBrains Mono",monospace;letter-spacing:3px}.authFlow #recovery-request input[name=code]{font-family:"JetBrains Mono",monospace}.authBackLink{display:block;text-align:center;font-size:12px;padding:22px 0 5px;color:#aeb9cb!important}.authCheck{display:flex!important;align-items:flex-start;gap:10px;line-height:1.7}.authCheck input{width:18px!important;height:18px;flex:0 0 18px;margin:3px 0 0;accent-color:#f26b38;padding:0}.authFlow .authLoginLink{display:flex;justify-content:center;align-items:center;gap:10px;min-height:48px;margin-top:18px;border-radius:12px;background:linear-gradient(120deg,#f26b38,#ff9566);color:#16100d;font-size:13px;font-weight:750}.authFlow .authLoginLink:hover{filter:brightness(1.08)}.authFlow .recoveryDelivery textarea{font-family:"JetBrains Mono",monospace}.authFlow .recoveryDelivery .recoverySaved{font-size:12px}.authFlow .recoveryDelivery button{margin-top:16px}.authFlow .authHelp{text-align:center;padding:0 8px}.authFlow .authLinks span{color:#aeb9cb}

/* Icono de app de Instalar, centrado en las cuatro páginas de acceso. */
.loginPage .authMain{margin-top:0;padding-top:56px}
.authAppIcon{display:block;width:74px;height:74px;object-fit:cover;border-radius:19px;margin:0 auto;box-shadow:0 14px 32px rgba(0,0,0,.36),0 0 0 1px rgba(255,255,255,.12),0 0 26px rgba(232,118,74,.13)}
@media(max-width:520px){.loginPage .authMain{padding-top:36px}.authAppIcon{width:62px;height:62px;border-radius:16px}}


/* Safari iPhone amplía automáticamente los campos editables con texto menor de 16 px. */
@media(max-width:980px){.loginPage :is(input:not([type=checkbox]):not([type=radio]):not([type=file]),textarea,select){font-size:16px!important}}