/* Shared login logo placement: the logo floats above the red form panel. */
.brand {
    align-items: center !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
    left: 50% !important;
    margin: 0 !important;
    position: fixed !important;
    top: calc(50% - 340px) !important;
    transform: translateX(-50%) !important;
    z-index: 10 !important;
}
.brand > div:last-child { display: none !important; }
.mark {
    background: transparent url("logo-transparent.png?v=1") center/contain no-repeat !important;
    border: 0 !important;
    border-radius: 0 !important;
    color: transparent !important;
    font-size: 0 !important;
    height: 250px !important;
    overflow: hidden !important;
    width: 250px !important;
}
.card { background: linear-gradient(180deg, #1674ad 0%, #0b3b5b 48%, #050a10 100%) !important; clip-path: none !important; margin-top: 150px !important; padding: 28px 34px 34px !important; width: min(430px, 92vw) !important; }
.wrap { background: transparent !important; }
@media (max-width: 600px) {
    html, body { max-width: 100%; overflow-x: hidden !important; }
    .wrap { align-items: flex-start !important; justify-items: center !important; min-height: 100dvh !important; padding: 12px 12px 28px !important; position: relative !important; }
    .card > .brand { position: absolute !important; top: -260px !important; left: 50% !important; }
    .mark { height: 250px !important; width: 250px !important; }
    .card { justify-self: center !important; margin-top: 290px !important; padding: 14px 12px 18px !important; width: 84vw !important; max-width: 360px !important; }
    .field { display: grid !important; grid-template-columns: 1fr !important; gap: 6px !important; margin: 14px 0 !important; }
    .field label { font-size: 14px !important; }
    .field input { min-height: 40px !important; padding: 8px 10px !important; }
    .btn { min-height: 40px !important; padding: 7px 14px !important; }
}