.page[name='resetPass'] {
    background-color: #fafaff;
}
.page[name='resetPass'] > .content > .panel {
    background-color: #fafaff;
}
.page[name='resetPass'] > .content > .panel > .accountAccess > .top > .button {
    background-color: rgba(62, 58, 142, 0.08);
}
.page[name='resetPass'] > .content > .panel > .accountAccess > .title {
    color: #1c1c35;
}
.page[name='resetPass'] > .content > .panel > .accountAccess > .description {
    color: #363636;
}
.page[name='resetPass'] > .content > .panel > .accountAccess > .formWrapper > .fForm > .fields > .field > label {
    color: #363636;
}
.page[name='resetPass'] > .content > .panel > .accountAccess > .formWrapper > .fForm > .fields > .field > input {
    background-color: #ffffff;
    color: #16182f;
    border: 1.5px solid rgba(40, 38, 90, 0.12);
}
.page[name='resetPass'] > .content > .panel > .accountAccess > .formWrapper > .fForm > .fields > .field > .message > .error {
    color: #f23002;
}
.page[name='resetPass'] > .content > .panel > .accountAccess > .button {
    background-color: #f11983;
    background-image: linear-gradient(90deg, #f22291, #ee0b7e);
    color: #ffffff;
}
.page[name='resetPass'] > .content > .showcase {
    background-color: #0d0c25;
    background-image: radial-gradient(circle at 12% 18%, rgba(16, 58, 89, 0.38), rgba(13, 12, 37, 0.08) 36%), radial-gradient(circle at 92% 10%, rgba(47, 35, 100, 0.38), rgba(13, 12, 37, 0.08) 44%);
}
.page[name='resetPass'] > .content > .showcase > .message > .welcome > .marker {
    background-color: #f1258c;
}
.page[name='resetPass'] > .content > .showcase > .message > .welcome > .text {
    color: #f43a9c;
}
.page[name='resetPass'] > .content > .showcase > .message > .title {
    color: #ffffff;
}
.page[name='resetPass'] > .content > .showcase > .message > .description {
    color: #b8b8ca;
}