html, body {
    margin: 0 !important;
    padding: 0 !important;
    min-height: 100vh !important;
    background:
        radial-gradient(circle at top left, rgba(0,245,255,.22), transparent 30%),
        radial-gradient(circle at bottom right, rgba(255,138,0,.18), transparent 30%),
        linear-gradient(135deg,#030712 0%,#050816 45%,#081028 100%) !important;
    overflow: hidden;
}

body::before {
    content: "";
    position: fixed;
    inset: 0;
    background:
        linear-gradient(rgba(255,255,255,.03) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.03) 1px, transparent 1px);
    background-size: 40px 40px;
    pointer-events: none;
    opacity: .25;
}

#layout-content,
#layout,
#layout-content-inner {
    background: transparent !important;
}

#login-form {
    background: rgba(8,16,40,.78) !important;
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
    border: 1px solid rgba(0,245,255,.28) !important;
    border-radius: 24px !important;
    padding: 36px !important;
    box-shadow:
        0 25px 90px rgba(0,0,0,.60),
        0 0 35px rgba(0,245,255,.12);
}

#login-form::before {
    content: "✉ NINJAS MAIL";
    display: block;
    color: #ffffff;
    text-align: center;
    font-size: 30px;
    font-weight: 900;
    letter-spacing: 1px;
    margin-bottom: 24px;
}

#login-form input {
    background: rgba(255,255,255,.08) !important;
    border: 1px solid rgba(255,255,255,.14) !important;
    color: #fff !important;
    border-radius: 12px !important;
}

#login-form input::placeholder {
    color: rgba(255,255,255,.65) !important;
}

#login-form button,
.button.mainaction {
    background: linear-gradient(135deg,#00f5ff,#16f2a5) !important;
    color: #001018 !important;
    border: 0 !important;
    border-radius: 12px !important;
    font-weight: 900 !important;
    transition: .25s;
}

#login-form button:hover {
    transform: translateY(-1px);
    box-shadow: 0 10px 25px rgba(0,245,255,.25);
}

#login-footer {
    color: rgba(255,255,255,.72) !important;
}

#login-footer::after {
    content: " • Plataforma Ninjas Host";
}

img,
#logo {
    filter:
        drop-shadow(0 0 10px rgba(0,245,255,.18));
}