:root{--loca-navy:#1c2b3a;--loca-gold:#fad67d;--loca-bg:#f4f5f7;--loca-border:#e4e7eb;--loca-text:#3a4552;--loca-muted:#6b7785;--loca-danger:#c0392b}*{box-sizing:border-box}body,html{margin:0;height:100%;font-family:Montserrat,Segoe UI,system-ui,sans-serif;background:var(--loca-bg);color:var(--loca-text)}a{color:inherit}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}.page{min-height:100%}.login__background{position:fixed;inset:0;background-image:url(/images/login_back.jpg);background-size:cover;background-position:50%}.login__container{justify-content:center;width:100%;min-height:100vh;min-height:100dvh;background:linear-gradient(135deg,rgba(36,46,77,.9),rgba(137,126,121,.9))}.login__container,.login__formcontainer{position:relative;display:flex;align-items:center;flex-direction:column}.login__formcontainer{width:min(420px,50vw);max-width:420px;padding:2em;background:#fff;box-shadow:0 10px 36px rgba(20,30,45,.18)}.login__formcontainer img{width:75%;margin-bottom:35px}.login__error{margin:0 0 12px;padding:10px 12px;border:1px solid #efb8b3;border-radius:4px;background:#fbe9e7;color:var(--loca-danger);font-size:13px;text-align:center}.login__error,.login__form{width:100%;max-width:320px}.login__form input{width:100%;padding:10px 14px;border:1px solid #c4c4c4;border-radius:4px;background:#fff;color:var(--loca-navy);font-size:14px;outline:none}.login__form input::placeholder{color:#9aa3ac}.login__form input+input{margin-top:12px}.login__form input:focus{border-color:var(--loca-navy);box-shadow:none}.login__formsubmit{display:flex;justify-content:flex-end;width:100%;margin-top:40px}.login__submit{min-width:96px;padding:8px 22px;border-radius:8px;font-size:13px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.row{display:flex;gap:8px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:0;border-radius:7px;padding:10px 16px;background:var(--loca-navy);color:white;font-weight:600}.btn svg{width:15px;height:15px}.btn.secondary{background:#edf1f3;color:var(--loca-navy)}.error{color:var(--loca-danger);font-size:14px;margin-bottom:12px}.modal-backdrop{position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:20px;background:rgba(28,43,58,.48)}.modal{width:min(420px,100%);padding:28px;border-radius:12px;background:#fff;box-shadow:0 24px 70px rgba(20,35,45,.25);text-align:center}.modal-danger{width:44px;height:44px;display:grid;place-items:center;margin:0 auto 14px;border-radius:50%;background:#fbe9e7;color:var(--loca-danger);font-size:22px;font-weight:700}.modal h2{margin:0;color:var(--loca-navy);font-size:19px}.modal p{margin:10px 0 22px;color:var(--loca-muted);font-size:13px;line-height:1.5}.modal-actions{display:flex;justify-content:center;gap:9px}.danger-btn{background:var(--loca-danger);color:#fff}@media (max-width:576px){.login__formcontainer{width:90vw;padding:1.6em}.login__form input{font-size:16px}.row .btn{flex:1 1}.modal{padding:22px 18px}.modal-actions{flex-direction:column-reverse}.modal-actions button{width:100%}}