.login-layout{display:grid;grid-template-columns:41% 59%;direction:ltr;max-width:1480px;min-height:900px;margin:30px auto;border:1px solid #d0ad5c;border-radius:28px;overflow:hidden;background:#fbfcf7}.login-layout .login-form{direction:rtl;padding:30px 34px;background:linear-gradient(#fffef9,#f6fbf8);color:#073b46}.login-art{background-color:#063d33;background-image:url('/assets/login-reference.png');background-size:177% 100%;background-position:right center;background-repeat:no-repeat}.brand-logo{display:block;width:160px;height:160px;object-fit:contain;margin:0 auto 8px}.login-form h1{text-align:center;color:#006568;font-size:30px}.login-form .subtitle{text-align:center;color:#aa790e;font-weight:bold;font-size:19px}.login-form .slogan{text-align:center;color:#6e8eae;font-size:12px;margin-bottom:34px}.login-form label{font-weight:bold;font-size:14px}.login-form input{background:#fff;border:1px solid #b8d7d1;padding:16px;border-radius:12px;color:#173d4c;font-weight:normal}.login-form button{border-radius:13px}.login-form #login>button{width:100%;background:linear-gradient(90deg,#075c4c,#078e71);font-weight:bold;font-size:20px;box-shadow:0 8px 20px #0d655327}.login-form .auth{background:none;border:0;padding:0}.login-form .remember{font-weight:normal;color:#6585a1}.login-form .remember input{width:auto}.login-options{display:flex;gap:8px}.login-options button{flex:1;background:#fff;color:#124459;border:1px solid #c1d7e2}.login-form details{margin:9px 0;background:#fbfdfd;border:1px solid #d5e3e9;border-radius:12px;padding:12px;font-size:13px}.login-form summary{cursor:pointer;font-weight:bold}.login-form footer{font-size:10px;color:#7398ad}.login-form .preferences{justify-content:center;margin-top:12px;gap:4px}.login-form .preferences label{min-width:120px;max-width:180px}.login-form .preferences button{font-size:12px}body:has(.login-layout){background:linear-gradient(120deg,#cde5e0,#f6f6e9)}body:has(.login-layout)>header{display:none}body:has(.login-layout)>main{max-width:none;margin:0;padding:0 24px}.login-form #register{padding-top:15px}.login-form #register>button{width:100%}:root[data-theme=night] .login-form{background:#142b30;color:#eef4f5}:root[data-theme=night] .login-form h1{color:#85ded1}:root[data-theme=night] .login-form input{background:#0c2026;color:#edf4f6}:root[data-theme=night] .login-form details{background:#19333b;color:#dce8ed}:root[data-theme=night] .login-layout{background:#142b30}.login-layout:not([data-national=true]) .login-art{filter:none}
@media(max-width:1000px){.login-layout{min-height:760px;grid-template-columns:46% 54%;margin:20px auto}.login-layout .login-form{padding:24px}.brand-logo{width:130px;height:130px}.login-form h1{font-size:25px}.login-form .slogan{margin-bottom:24px}}
@media(max-width:700px){body:has(.login-layout)>main{padding:12px}.login-layout{display:flex;flex-direction:column-reverse;min-height:0;margin:0;border-radius:18px}.login-art{height:220px;background-size:177% auto;background-position:right 25%}.login-layout .login-form{padding:22px}.brand-logo{width:115px;height:115px}.login-form h1{font-size:25px}.login-form .slogan{margin-bottom:20px}}