/* دخلة أكما السكري — خلفية دافئة تناسب شعار الكحلي والذهبي */

html body .accmaa-brand-intro,
html body.accmaa-academy-chrome > .accmaa-brand-intro,
html body.premium-ui > .accmaa-brand-intro {
    position: fixed !important;
    inset: 0 !important;
    z-index: 120000 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 100dvh !important;
    margin: 0 !important;
    padding: 0 !important;
    background: #f4ead8 !important;
    overflow: hidden !important;
    transform: none !important;
    filter: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

html body .accmaa-brand-intro[hidden] {
    display: none !important;
}

html body .accmaa-brand-intro-backdrop {
    position: absolute !important;
    inset: 0 !important;
    background:
        radial-gradient(ellipse 70% 55% at 50% 36%, rgba(255, 252, 245, 0.95) 0%, rgba(244, 234, 216, 0.4) 46%, transparent 72%),
        linear-gradient(180deg, #fbf6ec 0%, #f3e6cf 52%, #e9d7b8 100%) !important;
    animation: none !important;
    transform: none !important;
    filter: none !important;
}

html body .accmaa-brand-intro-inner {
    position: relative !important;
    z-index: 2 !important;
    text-align: center !important;
    padding: 28px 22px 36px !important;
    max-width: min(92vw, 720px) !important;
    transform: none !important;
    filter: none !important;
}

html body .accmaa-brand-intro-logo-wrap {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    height: auto !important;
    margin: 0 auto 8px !important;
    padding: 0 !important;
    border: none !important;
    border-radius: 0 !important;
    background: none !important;
    box-shadow: none !important;
    overflow: visible !important;
    transform: none !important;
    filter: none !important;
}

html body .accmaa-brand-intro img.accmaa-brand-intro-logo,
html body img.accmaa-brand-intro-logo {
    width: min(280px, 68vw) !important;
    height: auto !important;
    max-width: none !important;
    object-fit: contain !important;
    display: block !important;
    background: transparent !important;
    border-radius: 0 !important;
    image-rendering: auto !important;
    transform: none !important;
    filter: none !important;
    -webkit-filter: none !important;
}

html body .accmaa-brand-intro .accmaa-brand-intro-eyebrow {
    margin: 0 0 10px !important;
    font-family: "Cairo", sans-serif !important;
    font-size: 0.95rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.08em !important;
    color: #8a6410 !important;
    -webkit-text-fill-color: #8a6410 !important;
    opacity: 1 !important;
}

html body .accmaa-brand-intro .accmaa-brand-intro-title {
    margin: 0 0 10px !important;
    font-family: "Cairo", sans-serif !important;
    font-size: clamp(2rem, 6vw, 3.1rem) !important;
    font-weight: 800 !important;
    line-height: 1.3 !important;
    color: #0a3669 !important;
    -webkit-text-fill-color: #0a3669 !important;
    opacity: 1 !important;
}

html body .accmaa-brand-intro .accmaa-brand-intro-tagline {
    margin: 0 auto 22px !important;
    max-width: 28em !important;
    font-family: "Cairo", sans-serif !important;
    font-size: clamp(1rem, 2.4vw, 1.2rem) !important;
    font-weight: 600 !important;
    line-height: 1.7 !important;
    color: #24344d !important;
    -webkit-text-fill-color: #24344d !important;
    opacity: 1 !important;
}

html body .accmaa-brand-intro .accmaa-brand-intro-welcome {
    display: none !important;
}

html body .accmaa-brand-intro .accmaa-brand-intro-progress {
    width: 132px !important;
    height: 3px !important;
    margin: 0 auto !important;
    border-radius: 99px !important;
    background: rgba(10, 54, 105, 0.15) !important;
    overflow: hidden !important;
}

html body .accmaa-brand-intro .accmaa-brand-intro-progress > span {
    display: block !important;
    height: 100% !important;
    width: 0;
    border-radius: inherit !important;
    background: linear-gradient(90deg, #c9a227, #0a3669) !important;
    animation: accmaaCreamBar 3.4s ease-in-out 0.25s forwards !important;
}

@keyframes accmaaCreamBar {
    from { width: 0; }
    to { width: 100%; }
}

html.accmaa-intro-pending body::before,
html.accmaa-intro-pending body::after,
body.accmaa-intro-lock::before,
body.accmaa-intro-lock::after {
    opacity: 0 !important;
    visibility: hidden !important;
}

@media (prefers-reduced-motion: reduce) {
    html body .accmaa-brand-intro .accmaa-brand-intro-progress > span {
        animation: none !important;
        width: 100% !important;
    }
}