.signin-page {
    min-height: calc(100vh - 3rem);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: var(--pdx-space-5) var(--pdx-space-4);
}
.signin-page__logo { margin-bottom: var(--pdx-space-5); }
.signin-page__logo img { display: block; }

.signin { width: 100%; display: flex; justify-content: center; }

.signin .card {
    width: 100%;
    max-width: 360px;
    padding: var(--pdx-space-6) var(--pdx-space-5);
}

.dark_text { color: var(--pdx-text); }

.signin h3 { margin: 0 0 var(--pdx-space-2); font-size: 1.25rem; }
.signin h4 { margin: 0 0 var(--pdx-space-4); font-size: 0.95rem; font-weight: 500; color: var(--pdx-text-muted); }

.signin button[type=submit] { margin-top: var(--pdx-space-5); }

.signin .login_error { margin-top: var(--pdx-space-3); }

.signin .ajax_loading { margin-top: var(--pdx-space-3); text-align: center; }

.signin .card a[name] {
    display: inline-block;
    margin-top: var(--pdx-space-3);
    color: var(--pdx-primary);
    font-size: 0.875rem;
    cursor: pointer;
    text-decoration: none;
}
.signin .card a[name]:hover { text-decoration: underline; }

.mobil_app {
    display: none;
    margin-top: var(--pdx-space-5);
    padding-top: var(--pdx-space-4);
    border-top: 1px solid var(--pdx-border);
    text-align: center;
    font-size: 0.85rem;
    color: var(--pdx-text-muted);
}
.mobil_app a {
    display: inline-flex;
    align-items: center;
    gap: var(--pdx-space-2);
    margin-top: var(--pdx-space-2);
    color: var(--pdx-text);
    text-decoration: none;
}
.mobil_app a:hover { color: var(--pdx-primary); }

@media only screen and (max-width: 768px) {
    .mobil_app { display: block; }
}