:root {
    --reset-primary: #c9182b;
    --reset-primary-dark: #941525;
    --reset-accent: #feca4a;
    --reset-ink: #102033;
    --reset-muted: #607086;
    --reset-border: #d9e2ec;
    --reset-soft: #fffaf0;
    --reset-shadow: 0 24px 70px rgba(16, 32, 51, 0.16);
}

body.dragui-reset-password-page {
    min-height: 100vh;
    min-height: 100svh;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    padding: 64px 20px;
    color: var(--reset-ink);
    background: var(--reset-accent);
}

body.dragui-reset-password-page * {
    box-sizing: border-box;
}

body.dragui-reset-password-page #login {
    width: min(100%, 430px);
    padding: 0;
}

body.dragui-reset-password-page h1 {
    margin: 0 0 22px;
    text-align: center;
}

body.dragui-reset-password-page h1 a {
    width: 150px;
    height: 118px;
    margin: 0 auto;
    background-image: url("assets/logo-draguignan.png");
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

body.dragui-reset-password-page form {
    position: relative;
    overflow: hidden;
    margin: 0;
    padding: 34px;
    border: 1px solid rgba(217, 226, 236, 0.9);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.94);
    box-shadow: var(--reset-shadow);
}

body.dragui-reset-password-page form::before {
    content: "";
    position: absolute;
    inset: 0 0 auto;
    height: 4px;
    background: var(--reset-primary);
}

body.dragui-reset-password-page form p {
    margin: 0 0 18px;
    color: var(--reset-muted);
    line-height: 1.55;
}

body.dragui-reset-password-page label {
    display: block;
    margin-bottom: 8px;
    color: var(--reset-ink);
    font-size: 0.9rem;
    font-weight: 700;
}

body.dragui-reset-password-page input[type="text"],
body.dragui-reset-password-page input[type="password"] {
    width: 100%;
    min-height: 50px;
    margin: 0;
    padding: 12px 15px;
    border: 1px solid var(--reset-border);
    border-radius: 8px;
    color: var(--reset-ink);
    background: var(--reset-soft);
    font-size: 1rem;
    line-height: 1.35;
    box-shadow: none;
    transition: border-color 160ms ease, box-shadow 160ms ease, background-color 160ms ease;
}

body.dragui-reset-password-page input[type="text"]:focus,
body.dragui-reset-password-page input[type="password"]:focus {
    border-color: var(--reset-primary);
    outline: 0;
    background: #fff;
    box-shadow: 0 0 0 4px rgba(201, 24, 43, 0.14);
}

body.dragui-reset-password-page .wp-pwd {
    position: relative;
}

body.dragui-reset-password-page .wp-pwd input {
    padding-right: 50px;
}

body.dragui-reset-password-page .button.wp-hide-pw {
    position: absolute;
    right: 7px;
    top: 6px;
    width: 38px;
    height: 38px;
    min-width: 38px;
    border: 0;
    border-radius: 8px;
    color: var(--reset-muted);
    background: transparent;
    box-shadow: none;
}

body.dragui-reset-password-page .button.wp-hide-pw:hover,
body.dragui-reset-password-page .button.wp-hide-pw:focus {
    color: var(--reset-primary);
    background: rgba(254, 202, 74, 0.24);
    box-shadow: none;
}

body.dragui-reset-password-page .button-primary,
body.dragui-reset-password-page input[type="submit"] {
    width: 100%;
    min-height: 50px;
    margin-top: 4px;
    padding: 12px 18px;
    border: 0;
    border-radius: 8px;
    color: #fff;
    background: var(--reset-primary);
    font-size: 0.98rem;
    font-weight: 800;
    letter-spacing: 0;
    text-shadow: none;
    box-shadow: none;
    cursor: pointer;
    transition: filter 160ms ease;
}

body.dragui-reset-password-page .button-primary:hover,
body.dragui-reset-password-page input[type="submit"]:hover {
    filter: brightness(1.03);
    background: var(--reset-primary);
}

body.dragui-reset-password-page .button-primary:focus,
body.dragui-reset-password-page input[type="submit"]:focus {
    outline: 0;
    box-shadow: 0 0 0 4px rgba(244, 196, 48, 0.42);
}

body.dragui-reset-password-page .message,
body.dragui-reset-password-page .success,
body.dragui-reset-password-page #login_error {
    margin: 0 0 18px;
    padding: 15px 16px;
    border: 1px solid var(--reset-border);
    border-left: 4px solid var(--reset-primary);
    border-radius: 8px;
    color: var(--reset-ink);
    background: rgba(255, 255, 255, 0.94);
    box-shadow: none;
}

body.dragui-reset-password-page #nav,
body.dragui-reset-password-page #backtoblog {
    margin: 18px 0 0;
    padding: 0;
    text-align: center;
}

body.dragui-reset-password-page #nav a,
body.dragui-reset-password-page #backtoblog a,
body.dragui-reset-password-page .privacy-policy-page-link a {
    color: var(--reset-primary-dark);
    font-size: 0.9rem;
    font-weight: 700;
    text-decoration: none;
}

body.dragui-reset-password-page #nav a:hover,
body.dragui-reset-password-page #nav a:focus,
body.dragui-reset-password-page #backtoblog a:hover,
body.dragui-reset-password-page #backtoblog a:focus,
body.dragui-reset-password-page .privacy-policy-page-link a:hover,
body.dragui-reset-password-page .privacy-policy-page-link a:focus {
    color: var(--reset-primary);
    text-decoration: underline;
    text-underline-offset: 3px;
}

body.dragui-reset-password-page .privacy-policy-page-link {
    margin: 18px 0 0;
}

@media (max-width: 520px) {
    body.dragui-reset-password-page {
        align-items: flex-start;
        padding: 32px 16px;
    }

    body.dragui-reset-password-page h1 a {
        width: 96px;
        height: 76px;
    }

    body.dragui-reset-password-page form {
        padding: 28px 22px;
    }
}