:root{--negro: #141414;--dorado: #ffc000;--dorado-oscuro: #ad8200;--beige: #faf7ee;--gris: #6b7280}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:Segoe UI,Arial,sans-serif;background:#f4f4f2;color:#1f2937}.pagina-login{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.tarjeta-login{width:100%;max-width:420px;background:#fff;border-radius:18px;box-shadow:0 12px 40px #0000001a;padding:48px 40px;border-top:6px solid var(--dorado)}.logo{display:block;height:56px;margin:0 auto 28px}h1{font-size:24px;color:var(--negro);margin-bottom:10px;text-align:center}.subtitulo{color:var(--gris);font-size:14.5px;line-height:1.5;text-align:center;margin-top:0;margin-bottom:28px}form{display:flex;flex-direction:column}label{font-size:13.5px;font-weight:600;color:var(--negro);margin-bottom:6px}input{padding:13px 14px;font-size:15px;border:2px solid #e4dcc4;border-radius:10px;background:var(--beige);color:#1f2937;font-family:inherit;margin-bottom:20px}input:focus{outline:none;border-color:var(--dorado-oscuro);background:#fff}button{margin-top:4px;background:var(--negro);color:var(--dorado);border:none;padding:15px;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;transition:background .15s ease}button:hover:not(:disabled){background:#000}button:disabled{background:#a9a9a9;color:#fff;cursor:not-allowed}.error{background:#fdecea;border:1px solid #f5c2c0;color:#9b2c2c;padding:12px 14px;border-radius:8px;margin-bottom:20px;font-size:13.5px}