.mobile-banner{background:linear-gradient(135deg,var(--brand-blue, #0B4A7D),#000000);color:#fff;padding:2.5rem 1rem}.mobile-main-logo{width:90px;margin-bottom:.75rem}.mobile-subtitle{opacity:.85;font-size:.9rem}.left-side{background:linear-gradient(135deg,var(--brand-blue, #0B4A7D),#000000)}.left-side .logo-img{width:180px;height:180px;object-fit:contain}.left-side h1{font-family:Arizonia,cursive;font-size:2.75rem}.left-side .subtitle{opacity:.85}.right-side{background:#fff;padding:2rem 1rem}.form-container{max-width:400px;margin:0 auto}.form-header h2{font-weight:700;color:#111827}.form-header p{color:#6b7280;font-size:.9rem}.form-label{font-size:.85rem;font-weight:500;color:#374151}.input-wrapper{position:relative}.password-field .toggle-password{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);background:none;border:none;color:#6b7280;cursor:pointer;padding:0}.input-wrapper.has-error .form-control,.password-field.has-error .form-control{border-color:#fca5a5;background-color:#fef2f2}.field-error{color:#b91c1c;font-size:.8rem;margin-top:.35rem;margin-bottom:0}.forgot-password{text-align:right;font-size:.85rem}.forgot-password a{color:var(--brand-blue);text-decoration:none}.submit-btn{background:var(--brand-blue);color:#fff;font-weight:600;padding:.7rem;border:none;border-radius:.5rem}.submit-btn:disabled{opacity:.6;cursor:not-allowed}.back-btn{color:#6b7280;text-decoration:none;font-size:.85rem}.back-btn:hover{color:var(--brand-blue)}.cooldown-msg{display:flex;gap:.6rem;background:#fef3c7;border:1px solid #FDE68A;border-radius:.5rem;padding:.75rem 1rem;margin-bottom:1rem;color:#92400e;font-size:.85rem}.cooldown-timer{font-weight:700;margin-top:.25rem}.status-msg{border:1px solid;border-radius:.5rem;padding:.75rem 1rem;margin-bottom:1rem;font-size:.85rem}.status-msg.is-success{background:#dcfce7;color:#15803d;border-color:#bbf7d0}.status-msg.is-error{background:#fee2e2;color:#b91c1c;border-color:#fecaca}
