html,body,#root{min-height:100%;margin:0;padding:0}.page{background:linear-gradient(160deg,#0a1030 0%,#131c4a 55%,#1b2560 100%);flex-direction:column;justify-content:center;align-items:center;gap:20px;width:100%;min-height:100vh;padding:24px;font-family:Segoe UI,Inter,system-ui,sans-serif;display:flex}.card{background:#fff;border-radius:24px;flex-direction:column;width:100%;max-width:380px;padding:36px 32px 28px;display:flex;box-shadow:0 25px 60px #00000059}.subtitle{color:#9aa1b4;text-align:center;margin:2px 0 18px;font-size:12px}.input-wrap{background:#f3f5f9;border:1px solid #eceff4;border-radius:12px;align-items:center;display:flex;position:relative}.input-wrap input{color:#1c2340;background-color:#0000;border:none;outline:none;width:100%;padding:12px 40px;font-size:14px}.input-wrap input::placeholder{color:#b7bcc9}.input-usuario{background-image:url(data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%239aa1b4%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%228%22%20r%3D%224%22/%3E%3Cpath%20d%3D%22M4%2021c0-4%204-6%208-6s8%202%208%206%22/%3E%3C/svg%3E);background-position:14px;background-repeat:no-repeat}.input-contrasena{background-image:url(data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%239aa1b4%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%224%22%20y%3D%2211%22%20width%3D%2216%22%20height%3D%229%22%20rx%3D%222%22/%3E%3Cpath%20d%3D%22M8%2011V7a4%204%200%200%201%208%200v4%22/%3E%3C/svg%3E);background-position:14px;background-repeat:no-repeat}.eye-button{cursor:pointer;background:0 0;border:none;align-items:center;padding:4px;display:flex;position:absolute;right:10px}.error-text{color:#e11d48;margin:-6px 0 12px;font-size:12px}.header-row{justify-content:center;align-items:center;gap:10px;margin-bottom:2px;display:flex}.submit-button{color:#fff;cursor:pointer;background:linear-gradient(90deg,#f9a41b 0%,#f2571c 100%);border:none;border-radius:12px;width:100%;margin-top:4px;padding:13px 0;font-size:15px;font-weight:700;box-shadow:0 10px 20px #f2571c59}.submit-button:disabled{opacity:.7;cursor:default}.divider{background:#eef0f5;height:1px;margin:22px 0 14px}.footer-line1{text-align:center;color:#9aa1b4;margin:0;font-size:12px}.footer-line2{text-align:center;color:#c7cbd6;margin:4px 0 0;font-size:11px}.forgot-link{text-align:center;color:#f2571c;margin-top:12px;font-size:12.5px;font-weight:600;text-decoration:none;display:block}.forgot-link:hover{text-decoration:underline}.success-text{color:#16a34a;text-align:center;margin:-6px 0 12px;font-size:12px}.input-wrap input:-webkit-autofill{-webkit-text-fill-color:#1c2340;box-shadow:none;transition:background-color 9999s ease-in-out}.input-wrap input:-webkit-autofill:hover{-webkit-text-fill-color:#1c2340;box-shadow:none;transition:background-color 9999s ease-in-out}.input-wrap input:-webkit-autofill:focus{-webkit-text-fill-color:#1c2340;box-shadow:none;transition:background-color 9999s ease-in-out}.input-wrap input:-webkit-autofill:active{-webkit-text-fill-color:#1c2340;box-shadow:none;transition:background-color 9999s ease-in-out}.input-usuario:-webkit-autofill{background-image:url(data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%239aa1b4%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%228%22%20r%3D%224%22/%3E%3Cpath%20d%3D%22M4%2021c0-4%204-6%208-6s8%202%208%206%22/%3E%3C/svg%3E);background-position:14px;background-repeat:no-repeat}.input-contrasena:-webkit-autofill{background-image:url(data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%239aa1b4%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%224%22%20y%3D%2211%22%20width%3D%2216%22%20height%3D%229%22%20rx%3D%222%22/%3E%3Cpath%20d%3D%22M8%2011V7a4%204%200%200%201%208%200v4%22/%3E%3C/svg%3E);background-position:14px;background-repeat:no-repeat}.input-wrap input:focus{outline:none}:root{--navy:#1c2340;--orange:#f0791e;--orange-light:#fdece0;--blue:#3f5fe0;--blue-light:#eaf0ff;--green:#16a34a;--green-light:#e8f9ef;--bg:#f3f5f9;--border:#eceff4;--text-muted:#9aa1b4;--danger:#e11d48}*{box-sizing:border-box}.page{background:var(--navy);flex-direction:column;justify-content:center;align-items:center;gap:18px;min-height:100vh;padding:20px;font-family:Segoe UI,Inter,system-ui,sans-serif;display:flex}.card{background:#fff;border-radius:18px;width:100%;max-width:400px;padding:32px 30px 28px}.header-row{align-items:center;gap:12px;margin-bottom:4px;display:flex}.icon-badge{background:var(--orange-light);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.title{color:var(--navy);margin:0;font-size:19px;font-weight:700}.subtitle{color:var(--text-muted);margin:4px 0 22px;font-size:13px}.field{margin-bottom:18px}.label{letter-spacing:.05em;color:#6b7280;margin-bottom:6px;font-size:11px;font-weight:700;display:block}.input-wrap{position:relative}.input-icon{pointer-events:none;display:flex;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.input-wrap input{border:1px solid var(--border);background:var(--bg);width:100%;color:var(--navy);border-radius:10px;outline:none;padding:11px 12px 11px 38px;font-size:13.5px}.input-wrap input:focus{border-color:var(--orange)}.success-text{background:var(--green-light);color:#0d6b34;border-radius:10px;margin:-4px 0 16px;padding:10px 14px;font-size:12.5px;font-weight:600;line-height:1.4}.error-text{color:var(--danger);background:#fde8ea;border-radius:10px;margin:-4px 0 16px;padding:10px 14px;font-size:12.5px;font-weight:600;line-height:1.4}.submit-button{background:var(--orange);color:#fff;cursor:pointer;border:none;border-radius:10px;width:100%;padding:12px 16px;font-size:14px;font-weight:700;transition:background .15s}.submit-button:hover{background:#d8690f}.submit-button:disabled{cursor:not-allowed;background:#f6c99b}.forgot-link{text-align:center;color:var(--text-muted);margin-top:18px;font-size:12.5px;text-decoration:none;display:block}.forgot-link:hover{color:var(--navy);text-decoration:underline}.copyright{color:#c7cbe0;margin:0;font-size:11.5px}@media (width<=480px){.card{padding:26px 22px 22px}}