.custom-login-page {
    min-height: 100vh;

    background:
        linear-gradient(
            to bottom,
            rgba(135,206,235,.75),
            rgba(255,255,255,.95)
        ),
        url('../img/cloud-bg.jpg');

    background-size: cover;
    background-position: center;
}

.login-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.login-logo {
    width: 250px;
    height: auto;
    display: block;
    margin: 0 auto;
}

.custom-login-box {
    width: 420px;
}

.login-card {
    border-radius: 24px;
    border: 1px solid rgba(255,255,255,.4);

    background: rgba(255,255,255,.65);

    backdrop-filter: blur(16px);

    box-shadow: 0 20px 45px rgba(0,0,0,.12);
}

.login-card-body {
    padding: 35px;
    background: transparent;
}

.login-title {
    text-align: center;
    font-weight: 700;
    margin-bottom: 8px;
}

.login-subtitle {
    text-align: center;
    color: #666;
    font-size: 13px;
    margin-bottom: 25px;
}

.custom-input,
.input-group-text {
    border: 0;
    background: rgba(235,238,242,.85);
}

.custom-input:focus {
    box-shadow: none;
    background: rgba(235,238,242,.95);
}

.forgot-link {
    font-size: 12px;
    color: #444;
}

.login-btn {
    border-radius: 10px;
    font-weight: 600;
    height: 42px;

    background: #0b6b3a;
    border: 1px solid #0b6b3a;
    color: #fff;
}

.login-btn:hover,
.login-btn:focus {
    background: #09582f;
    border-color: #09582f;
    color: #fff;
}

.btn-microsoft {
    border-radius: 10px;
    height: 42px;
    font-weight: 600;

   background: #0078D4;
    border-color: #0078D4;
    color: #fff;

    box-shadow: 0 4px 12px rgba(0,0,0,.06);
}

.btn-microsoft:hover {
    background: #fff;
    color: #222;
}

.divider {
    margin: 20px 0;
    text-align: center;
    border-top: 1px solid rgba(0,0,0,.08);
    position: relative;
}

.divider span {
    position: relative;
    top: -11px;
    background: rgba(255,255,255,.7);
    padding: 0 10px;
    color: #777;
    font-size: 12px;
}

.callout {
    background: rgba(255,255,255,.65);
    backdrop-filter: blur(10px);
    border-radius: 12px;
}