/* DTU — branded native WordPress login */

body.login {
    background: radial-gradient(1200px 600px at 50% -10%, #123a5e 0%, #0b1b2b 45%, #081320 100%);
    min-height: 100vh;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

/* Logo instead of the site title */
.login h1 a {
    background-image: none;
    background-size: contain !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    width: 250px !important;
    height: 72px !important;
    margin: 0 auto 8px;
    text-indent: -9999px !important;
    overflow: hidden !important;
    display: block;
}

.login form {
    background: #ffffff;
    border: 1px solid #e4ebf3;
    border-radius: 16px;
    box-shadow: 0 24px 60px rgba(0, 0, 0, .35);
    padding: 28px 26px 22px;
    margin-top: 20px;
}

.login label {
    color: #0b1b2b;
    font-weight: 600;
    font-size: 13px;
}

.login form input[type="text"],
.login form input[type="password"],
.login form input[type="email"] {
    border: 1px solid #d7e2ee;
    border-radius: 9px;
    padding: 10px 12px;
    font-size: 15px;
    box-shadow: none;
    background: #fbfdff;
}

.login form input[type="text"]:focus,
.login form input[type="password"]:focus,
.login form input[type="email"]:focus {
    border-color: #00a8fc;
    box-shadow: 0 0 0 3px rgba(0, 168, 252, .18);
    outline: none;
}

.wp-core-ui .button-primary {
    background: #00a8fc !important;
    border: none !important;
    border-radius: 9px !important;
    box-shadow: none !important;
    text-shadow: none !important;
    font-weight: 600;
    padding: 4px 18px;
    height: 38px;
    line-height: 30px;
}

.wp-core-ui .button-primary:hover,
.wp-core-ui .button-primary:focus {
    background: #008fd6 !important;
}

.login .button.wp-hide-pw { color: #6b7f96; }

.login #nav,
.login #backtoblog { text-align: center; }

.login #nav a,
.login #backtoblog a {
    color: #a9c6dd !important;
    text-decoration: none;
    font-size: 13px;
}

.login #nav a:hover,
.login #backtoblog a:hover { color: #ffffff !important; }

.login .message,
.login .success,
.login .notice,
.login .privacy-policy-page-link {
    border-radius: 10px;
    border-left-color: #00a8fc;
    background: #eef7ff;
}

.login .message { color: #0b1b2b; }
.login .privacy-policy-page-link a { color: #0b1b2b; }

@media (max-width: 480px) {
    .login h1 a { width: 210px !important; height: 60px !important; }
    .login form { padding: 22px 18px 18px; }
}