.zz-title,body{color:var(--zz-grafito)}:root{--zz-azul:#4f86c6;--zz-azul-oscuro:#2f5f99;--zz-gris:#8a8e95;--zz-grafito:#2f3136;--zz-fondo:#f4f7fb}*{box-sizing:border-box}body{min-height:100vh;margin:0;background:radial-gradient(circle at 10% 10%,rgba(79,134,198,.18),transparent 30%),radial-gradient(circle at 90% 90%,rgba(138,142,149,.16),transparent 28%),var(--zz-fondo);font-family:"Segoe UI",Tahoma,Geneva,Verdana,sans-serif;display:flex;flex-direction:column}.zz-bar{height:15px;background:linear-gradient(90deg,var(--zz-azul),var(--zz-gris))}main{flex:1;display:grid;place-items:center;padding:24px}.zz-login-card{width:100%;max-width:460px;border:1px solid #e7ebf1;border-radius:16px;background:#fff;box-shadow:0 12px 35px rgba(32,52,84,.12);overflow:hidden}.zz-login-head{padding:24px 24px 12px;text-align:center}.zz-logo{max-width:180px;height:auto;margin-bottom:10px}.zz-title{margin:0;font-size:1.25rem;font-weight:700}.zz-subtitle{margin:6px 0 0;font-size:.92rem;color:#6c757d}.zz-login-body{padding:20px 24px 24px}.zz-mode-switch{background-color:#edf2f8;border-radius:10px;padding:4px;display:grid;grid-template-columns:1fr 1fr;gap:4px;margin-bottom:18px}.zz-mode-btn{border:0;border-radius:8px;padding:10px 8px;font-size:.92rem;font-weight:600;color:#54606f;background:0 0;transition:.2s}.zz-mode-btn.active{background:#fff;color:var(--zz-azul-oscuro);box-shadow:0 2px 10px rgba(38,73,119,.12)}.form-control:focus{border-color:var(--zz-azul);box-shadow:0 0 0 .2rem rgba(79,134,198,.2)}.btn-zz{background:linear-gradient(90deg,var(--zz-azul-oscuro),var(--zz-azul));border:0;color:#fff;font-weight:600;padding:10px 14px}.btn-zz:hover{filter:brightness(.97);color:#fff}.zz-hidden{display:none}.zz-pin-help{font-size:.82rem;color:#6c757d}