.brand-icon svg,
.auth-svg-icon {
    width: 1em;
    height: 1em;
    display: inline-block;
    flex: 0 0 auto;
    fill: none;
    stroke: currentColor;
    stroke-width: 2.15;
    stroke-linecap: round;
    stroke-linejoin: round;
    vertical-align: -0.14em;
}

/* The exact home-page brand: real platform logo plus the three text lines. */
.brand-logo-frame {
    width: 64px;
    height: 64px;
    flex: 0 0 64px;
    display: grid;
    place-items: center;
    overflow: hidden;
    border: 1px solid rgba(79,172,254,0.1);
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 8px 24px rgba(79,172,254,0.16);
}

.brand-logo-image {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: contain;
}

.brand .brand-text {
    min-width: 108px;
    text-align: center;
}

.brand .brand-text strong,
.brand .brand-text span,
.brand .brand-text small {
    display: block;
    font-style: normal;
}

.brand .brand-text strong {
    font-size: 1.42rem;
    line-height: 1.2;
    color: #244966;
    background: none;
    -webkit-text-fill-color: currentColor;
}

.brand .brand-text span {
    margin-top: 3px;
    color: #4facfe;
    font-size: 11px;
    line-height: 1.25;
    font-weight: 800;
}

.brand .brand-text small {
    margin-top: 2px;
    color: #4facfe;
    font-size: 10px;
    line-height: 1.2;
    font-weight: 800;
}

.brand-icon svg {
    width: 29px;
    height: 29px;
    position: relative;
    z-index: 1;
    stroke-width: 2.6;
}

.card-icon .auth-svg-icon,
.login-icon .auth-svg-icon,
.register-icon .auth-svg-icon {
    width: 31px;
    height: 31px;
}

.input-icon.auth-svg-icon {
    width: 19px;
    height: 19px;
}

.password-toggle .auth-svg-icon {
    width: 20px;
    height: 20px;
}

.fa-spin.auth-svg-icon {
    animation: auth-icon-spin .8s linear infinite;
}

@keyframes auth-icon-spin {
    to { transform: rotate(360deg); }
}

/* Keep Arabic copy crisp and consistent with the home page. */
body,
input,
button,
select,
textarea {
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}

.card h2,
.auth-card h2,
.form-label,
.btn-submit,
.brand-text strong {
    color: #24384b;
    font-weight: 900;
}

.card-header p,
.auth-card-header p,
.intro {
    color: #244966;
    font-weight: 700;
}