*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:'DM Sans',sans-serif}.ark-login-page{background:#f2f1ed;color:#191918;min-height:100vh}.ark-login-shell{min-height:100vh;display:grid;grid-template-columns:minmax(420px,46%) 1fr}.ark-login-brand{background:#171717;color:#fff;padding:42px 52px 34px;display:flex;flex-direction:column;position:relative;overflow:hidden}.ark-login-brand:before{content:'';position:absolute;width:440px;height:440px;border:1px solid rgba(255,255,255,.07);border-radius:50%;right:-190px;bottom:-170px}.ark-login-brand:after{content:'';position:absolute;width:265px;height:265px;border:1px solid rgba(240,190,21,.16);border-radius:50%;right:-75px;bottom:-83px}.ark-login-brand-top{display:flex;align-items:center;gap:18px;position:relative;z-index:1}.ark-login-brand-top img{width:150px;height:auto}.ark-login-brand-top span,.ark-login-mobile-logo span{font-size:8px;letter-spacing:.18em;color:#aaa;border-left:1px solid #555;padding-left:17px}.ark-login-message{margin:auto 0;max-width:520px;position:relative;z-index:1}.ark-login-kicker{display:block;font-size:9px;font-weight:700;letter-spacing:.18em;color:#f0be15;margin-bottom:18px}.ark-login-message h1{font-family:'DM Serif Display',serif;font-size:54px;line-height:1.05;font-weight:400;letter-spacing:-.025em;margin:0 0 24px}.ark-login-message p{font-size:14px;line-height:1.7;color:#aaa;max-width:440px}.ark-login-brand-foot{display:flex;justify-content:space-between;align-items:center;position:relative;z-index:1;color:#8e8e8a;font-size:10px}.ark-login-brand-foot span{display:flex;align-items:center;gap:7px}.ark-login-brand-foot i{width:7px;height:7px;border-radius:50%;background:#f0be15;box-shadow:0 0 0 4px rgba(240,190,21,.1)}.ark-login-access{display:grid;place-items:center;padding:45px;background:#f5f4f0}.ark-login-form-wrap{width:100%;max-width:430px}.ark-login-mobile-logo{display:none}.ark-login-form-wrap header{margin-bottom:31px}.ark-login-form-wrap header .ark-login-kicker{color:#8e8b83;margin-bottom:10px}.ark-login-form-wrap h2{font-family:'DM Serif Display',serif;font-weight:400;font-size:36px;line-height:1.15;letter-spacing:-.02em;margin:0 0 8px}.ark-login-form-wrap header p{margin:0;color:#7e7b74;font-size:13px}.ark-login-error{display:flex;gap:10px;align-items:center;background:#fff1ef;color:#9f3028;border:1px solid #f1d0cc;padding:11px 13px;border-radius:9px;font-size:11px;margin-bottom:16px}.ark-login-error span{width:19px;height:19px;border-radius:50%;display:grid;place-items:center;background:#c3483f;color:#fff;font-weight:700}.ark-login-form{display:grid;gap:18px}.ark-login-field label{font-size:11px;font-weight:650;color:#3c3b38}.ark-label-row{display:flex;justify-content:space-between;align-items:center}.ark-label-row span{font-size:9px;color:#a09d96}.ark-input-wrap{height:50px;margin-top:7px;background:#fff;border:1px solid #dedbd3;border-radius:9px;display:flex;align-items:center;padding:0 13px;transition:.16s}.ark-input-wrap:focus-within{border-color:#171717;box-shadow:0 0 0 3px rgba(23,23,23,.06)}.ark-input-wrap>svg{width:17px;height:17px;fill:none;stroke:#8d8a83;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex:none}.ark-input-wrap input{height:100%;min-width:0;flex:1;border:0;outline:0;background:transparent;padding:0 11px;font:12px 'DM Sans';color:#171717}.ark-input-wrap input::placeholder{color:#aaa7a0}.ark-password-toggle{width:30px;height:30px;border:0;background:transparent;display:grid;place-items:center;color:#8d8a83}.ark-password-toggle svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.5}.ark-password-toggle.visible{color:#171717}.ark-remember{display:flex;align-items:center;gap:9px;font-size:10.5px;color:#66635d;cursor:pointer;margin-top:-3px}.ark-remember input{position:absolute;opacity:0}.ark-remember span{width:17px;height:17px;border:1px solid #c8c5bd;border-radius:5px;background:#fff;position:relative}.ark-remember input:checked+span{background:#171717;border-color:#171717}.ark-remember input:checked+span:after{content:'✓';position:absolute;color:#f0be15;font-size:11px;left:3px;top:0}.ark-login-submit{height:50px;border:0;border-radius:9px;background:#171717;color:#fff;font:650 12px 'DM Sans';display:flex;align-items:center;justify-content:center;gap:12px;cursor:pointer;transition:.16s}.ark-login-submit:hover{background:#2d2d2b;transform:translateY(-1px)}.ark-login-submit span{color:#f0be15;font-size:16px}.ark-login-divider{display:flex;align-items:center;gap:11px;margin:22px 0 16px;color:#9b9891;font-size:9px}.ark-login-divider:before,.ark-login-divider:after{content:'';height:1px;background:#dfdcd5;flex:1}.ark-google-btn{height:48px;border:1px solid #d8d5cd;border-radius:9px;background:#fff;color:#262522;display:flex;align-items:center;justify-content:center;gap:9px;text-decoration:none;font-size:11px;font-weight:650}.ark-google-btn:hover{border-color:#aaa69d}.ark-google-btn b{font-size:14px;color:#4285f4}.ark-login-form-wrap footer{display:flex;justify-content:space-between;margin-top:25px;padding-top:16px;border-top:1px solid #dfdcd5;color:#9a978f;font-size:9px}.ark-login-form-wrap footer b{font-weight:500}.ark-login-mobile-logo{align-items:center;gap:15px;margin-bottom:45px}.ark-login-mobile-logo img{width:135px}.ark-login-mobile-logo span{border-color:#ccc}
@media(max-width:900px){.ark-login-shell{grid-template-columns:1fr}.ark-login-brand{display:none}.ark-login-access{padding:35px 24px}.ark-login-mobile-logo{display:flex}.ark-login-form-wrap{max-width:440px}.ark-login-form-wrap h2{font-size:32px}}
@media(max-width:480px){.ark-login-access{place-items:start center;padding:28px 20px}.ark-login-mobile-logo{margin-bottom:55px}.ark-login-form-wrap h2{font-size:29px}}

/* Ajuste conforme al patrón de acceso del resto de aplicaciones Arklos */
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');
.ark-login-page,.ark-input-wrap input,.ark-login-submit{font-family:'Manrope','Segoe UI',sans-serif!important}
.ark-login-shell{grid-template-columns:minmax(520px,53%) 47%}
.ark-login-brand{padding:54px 64px 40px;background:#101113}
.ark-login-brand:before,.ark-login-brand:after{display:none}
.ark-login-brand-top img{width:168px}
.ark-login-message{max-width:650px}
.ark-login-message h1{font-family:'Manrope','Segoe UI',sans-serif;font-size:48px;line-height:1.12;font-weight:700;letter-spacing:-.045em;margin-bottom:18px}
.ark-login-message p{font-family:'Manrope','Segoe UI',sans-serif;font-size:15px;max-width:560px;color:#b4b4b1;margin-bottom:32px}
.ark-login-message ul{list-style:none;margin:0;padding:0;display:grid;gap:15px}
.ark-login-message li{position:relative;padding-left:23px;font-size:13px;color:#d1d1ce}
.ark-login-message li:before{content:'';position:absolute;left:0;top:6px;width:8px;height:8px;border-radius:50%;background:#f0be15;box-shadow:0 0 0 4px rgba(240,190,21,.08)}
.ark-login-access{position:relative;isolation:isolate;background:#f0be15 url('../img/arklos-login-pattern.png') center/cover no-repeat;padding:42px 58px}
.ark-login-access:before{content:'';position:absolute;inset:0;z-index:-1;background:rgba(255,250,234,.74);backdrop-filter:saturate(.8)}
.ark-login-form-wrap{max-width:500px;background:rgba(255,255,255,.93);border:1px solid rgba(255,255,255,.8);border-radius:18px;padding:38px 42px 27px;box-shadow:0 24px 70px rgba(61,45,0,.16);backdrop-filter:blur(8px)}
.ark-login-mobile-logo{display:flex;margin-bottom:38px}
.ark-login-mobile-logo img{width:156px}
.ark-login-mobile-logo span{font-family:'Manrope','Segoe UI',sans-serif;font-size:8px;color:#8f8b80}
.ark-login-form-wrap header{margin-bottom:27px}
.ark-login-form-wrap h2{font-family:'Manrope','Segoe UI',sans-serif;font-size:29px;font-weight:750;letter-spacing:-.035em}
.ark-login-form-wrap header p{font-size:12px}
.ark-login-kicker{font-family:'Manrope','Segoe UI',sans-serif}
.ark-input-wrap{height:52px;border-radius:10px}
.ark-login-submit{font-weight:700}
@media(max-width:1100px){.ark-login-shell{grid-template-columns:48% 52%}.ark-login-brand{padding:45px}.ark-login-message h1{font-size:39px}.ark-login-access{padding:30px}.ark-login-form-wrap{padding:32px}}
@media(max-width:900px){.ark-login-shell{grid-template-columns:1fr}.ark-login-access{min-height:100vh;padding:34px 22px}.ark-login-access:before{background:rgba(255,250,234,.82)}.ark-login-form-wrap{max-width:460px}.ark-login-mobile-logo{margin-bottom:36px}}
@media(max-width:500px){.ark-login-form-wrap{padding:28px 22px 23px;border-radius:14px}.ark-login-access{padding:20px 14px}.ark-login-mobile-logo{margin-bottom:42px}.ark-login-form-wrap h2{font-size:26px}}