.login{background:#f5f7fb;justify-content:center;align-items:center;min-height:50vh;display:flex}.login-form{background:#fff;border-radius:8px;flex-direction:column;gap:1.2rem;width:100%;max-width:380px;padding:2rem;display:flex;box-shadow:0 8px 20px #00000014}.login-form h4{text-align:center;color:#222;margin-bottom:.5rem;font-size:1.3rem}.login-form>div{flex-direction:column;display:flex}.login-form label{color:#333;margin-bottom:.35rem;font-weight:600}.login-form input{border:1px solid #ccc;border-radius:4px;outline:none;padding:.6rem .75rem;font-size:1rem}.login-form input:focus{border-color:#007bff}.btn-submit{color:#fff;cursor:pointer;background:linear-gradient(135deg,#1e3c72,#2a5298);border:none;border-radius:6px;margin-top:.5rem;padding:.65rem;font-size:1rem;font-weight:600}.btn-submit:hover{opacity:.95}.btn-signup{color:#fff;cursor:pointer;background:linear-gradient(135deg,#118547,#2a5298);border:none;border-radius:6px;margin-top:.5rem;padding:.65rem;font-size:1rem;font-weight:600}.btn-signup:hover{opacity:.95}
.login-page{background:#f5f7fa;justify-content:center;align-items:flex-start;min-height:100vh;padding:3rem 1.5rem;display:flex}.login-container{width:100%;max-width:600px;margin:0 auto}.login-header{text-align:center;margin:0 auto}.login-header h1{color:#1f2937;margin:0 auto;font-size:2rem;font-weight:700}.login-header p{color:#64748b;max-width:500px;margin:0 auto;font-size:1rem;line-height:1.6}.login-content{background:#fff;border-radius:16px;padding:0;box-shadow:0 8px 30px #00000014}@media (max-width:600px){.login-page{padding:2rem 1rem}.login-header h1{font-size:1.6rem}.login-content{padding:1.25rem}}