:root{font-family:Dubai,Tahoma,Arial,sans-serif;color:#410c5f;background:white;font-size:15px}*{box-sizing:border-box}body{margin:0;min-height:100svh;position:relative;padding:1px 20px 100px}.login-corner{position:absolute;width:64px;height:64px;object-fit:contain;pointer-events:none}.top-left{left:10px;top:10px}.top-right{right:10px;top:10px}.bottom-left{left:10px;bottom:10px}.bottom-right{right:10px;bottom:10px}.login-language{position:absolute;top:20px;inset-inline-end:90px;margin:0}.login-language button{border:1px solid #e7deec;border-radius:4px;background:white;color:#410c5f;padding:7px 14px;font:inherit;cursor:pointer}.login-content{width:100%;max-width:510px;margin:clamp(85px,18vh,190px) auto 0}.login-brand{margin:0;text-align:center}.login-brand img{width:180px;height:88px;object-fit:contain}.login-form{margin-top:clamp(65px,21vh,230px)}.login-row{display:grid;grid-template-columns:150px minmax(0,1fr);gap:10px;margin-bottom:17px;align-items:stretch}.login-row label,.login-row input{font:inherit;font-weight:600;line-height:1.5;color:#410c5f;background:white;border:1px solid #14a49e;border-radius:0;box-shadow:4px 4px #14a49e;min-height:38px;padding:5px 12px;text-align:center;min-width:0;width:100%}.login-row label{display:flex;align-items:center;justify-content:center}.login-row input{direction:ltr}.login-submit{display:block;min-width:150px;max-width:100%;margin:25px auto 0;padding:8px 25px;border:1px solid #410c5f;background:#410c5f;color:white;cursor:pointer;font:inherit;border-radius:4px}.login-submit:hover{background:#60257e}input:focus-visible,button:focus-visible{outline:3px solid #dbb268;outline-offset:4px}.login-errors{background:#fff3f4;color:#9a2945;border-inline-start:3px solid #ad3650;padding:10px 14px;margin-bottom:20px;line-height:1.8;overflow-wrap:anywhere}.login-errors ul{list-style:none;padding:0;margin:0}footer{text-align:center;font-size:14px;direction:ltr;position:absolute;bottom:45px;left:85px;right:85px;line-height:1.7}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
@media(max-width:600px){.login-corner{width:42px;height:42px}.login-language{inset-inline-end:65px;top:14px}.login-content{margin-top:100px}.login-brand img{width:170px}.login-form{margin-top:85px}.login-row{grid-template-columns:110px minmax(0,1fr);gap:8px;font-size:13px}footer{font-size:11px;left:55px;right:55px;bottom:22px}}
@media(max-height:600px){.login-content{margin-top:75px}.login-form{margin-top:45px}.login-brand img{height:65px}footer{position:static;margin:65px 50px 0}body{padding-bottom:50px}}

/* Modern credential fields, retaining the original Access branding. */
.login-form{max-width:430px;margin-inline:auto;margin-top:clamp(55px,14vh,145px)}
.login-row{display:flex;flex-direction:column;gap:9px;margin-bottom:22px;align-items:stretch}
.login-row label{display:block;text-align:start;background:transparent;border:0;box-shadow:none;padding:0 3px;min-height:0;font-size:14px;font-weight:600;color:#54435e}
.login-row input{border:1px solid #ded5e6;border-radius:11px;background:#faf8fc;box-shadow:0 2px 5px #410c5f03;min-height:53px;padding:13px 17px;font-size:16px;font-weight:400;text-align:start;color:#35213e;transition:border-color .15s,box-shadow .15s,background .15s}
.login-row input:hover{border-color:#b7a1c5}
.login-row input:focus{outline:none;background:white;border-color:#805397;box-shadow:0 0 0 4px #80539715}
.login-row input::placeholder{color:#a093a9;font-size:14px}
.login-row input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px #faf8fc inset;-webkit-text-fill-color:#35213e}
.login-submit{width:100%;min-height:49px;border-radius:11px;margin-top:28px;font-weight:600;box-shadow:0 4px 12px #410c5f12;transition:background .15s,box-shadow .15s}
.login-submit:hover{box-shadow:0 6px 16px #410c5f22}
@media(max-width:600px){.login-form{margin-top:65px}.login-row{font-size:14px}.login-row input{font-size:16px}}
@media(max-height:600px){.login-form{margin-top:30px}.login-row{margin-bottom:16px}}