/* Hide WordPress Header */

header.wp-block-template-part,
footer.wp-block-template-part,
.wp-site-blocks>header,
.wp-site-blocks>footer,
.wp-block-post-title,
.entry-title,
.wp-block-navigation,
.wp-block-group.alignfull:first-child {

    display: none !important;

}

/* Remove extra spacing */

.sm-login-card {

    margin-top: 0;

}

main.wp-block-group {

    margin: 0 !important;
    padding: 0 !important;

}

body {

    margin: 0 !important;

}

.wp-site-blocks {

    padding: 0 !important;

}

body.page-id,
body.page {

    background: #f4f7fb;

}

.sm-login-wrapper {

    min-height: 100vh;

    display: flex;

    justify-content: center;

    align-items: flex-start;

    padding: 40px 20px 20px;

    background: linear-gradient(135deg, #0f4c81, #4b9fe1);

}

.sm-login-card {

    width: 420px;

    max-width: 100%;

    background: #fff;

    border-radius: 18px;

    padding: 45px;

    box-shadow: 0 20px 50px rgba(0, 0, 0, .18);

}

.sm-login-logo {

    text-align: center;

    margin-bottom: 25px;

}

.sm-login-logo h1 {

    margin: 0;

    font-size: 28px;

    color: #0f4c81;

    font-weight: 700;

}

.sm-login-logo p {

    margin-top: 8px;

    color: #777;

    font-size: 14px;

}

.sm-login-card h2 {

    text-align: center;

    margin-bottom: 30px;

}

.sm-login-card label {

    display: block;

    font-weight: 600;

    margin-bottom: 8px;

}

.sm-login-card input {

    width: 100%;

    padding: 12px 15px;

    border: 1px solid #ddd;

    border-radius: 8px;

    margin-bottom: 20px;

    font-size: 15px;

}

.sm-login-card input:focus {

    outline: none;

    border-color: #0f4c81;

    box-shadow: 0 0 6px rgba(15, 76, 129, .25);

}

.sm-login-card button {

    width: 100%;

    padding: 14px;

    background: #0f4c81;

    border: none;

    color: #fff;

    font-size: 16px;

    border-radius: 8px;

    cursor: pointer;

}

.sm-login-card button:hover {

    background: #0c3d67;

}

.sm-login-error {

    background: #ffe5e5;

    color: #d10000;

    padding: 12px;

    border-radius: 6px;

    margin-bottom: 20px;

    text-align: center;

}

.sm-login-footer {

    margin-top: 30px;

    text-align: center;

    font-size: 13px;

    color: #777;

}

.is-layout-constrained {
    padding-top: 0 !important;
    margin-top: 0 !important;
}

.wp-block-post-content.is-layout-constrained {
    padding-top: 0 !important;
    margin-top: 0 !important;
}

.wp-site-blocks {
    padding-top: 0 !important;
}