body {
    background: #fff;
    font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
    height: 90vh;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.brand-title {
    font-weight: 700;
    letter-spacing: .2px;
}

.muted {
    color: #6b7280;
}

.login-card {
    border: 1px solid #eef0f5;
    border-radius: 20px;
    box-shadow: 0 20px 50px rgba(0, 0, 0, .08);
}

.btn-gradient {
    background: linear-gradient(135deg, #3983ff, #1e5cff);
    border: 0;
}

.btn-gradient:active {
    transform: translateY(1px);
}

.touchid-box {
    width: 56px;
    height: 56px;
    border: 1px solid #e6e9f0;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 8px 20px rgba(0, 0, 0, .06);
}

.illus-wrap img {
    max-width: 100%;
    height: auto;
}

.page-wrap {
    max-width: 1000px;
}