/* ── Reem Al Zahabi background ───────────────────────────────────────────── */
html {
    background: rgba(0,0,0,.4);
    box-shadow: inset 0 0 60px 30px rgba(0,0,0,.45);
}
.background {
    opacity: 1;
    width: 100%;
    height: 100%;
    top: 0;
    display: block;
    position: fixed;
    z-index: 0;
    background: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0));
    content: '';
}
.background::before {
    opacity: .2;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 2;
    background:
        radial-gradient(circle farthest-side at 0% 50%, rgba(255,255,255,1) 23.5%, rgba(0,0,0,0) 0) 21px 30px,
        radial-gradient(circle farthest-side at 0% 50%, rgba(0,0,0,.9) 24%, rgba(240,166,17,0) 0) 19px 30px,
        linear-gradient(rgba(255,255,255,1) 14%, rgba(0,0,0,0) 0, rgba(240,166,17,0) 85%, rgba(255,255,255,1) 0) 0 0,
        linear-gradient(150deg, rgba(255,255,255,1) 24%, rgba(0,0,0,.9) 0, rgba(0,0,0,.9) 26%, rgba(0,0,0,0) 0, rgba(0,0,0,0) 74%, rgba(0,0,0,.9) 0, rgba(0,0,0,.9) 76%, rgba(255,255,255,1) 0) 0 0,
        linear-gradient(30deg, rgba(255,255,255,1) 24%, rgba(0,0,0,.9) 0, rgba(0,0,0,.9) 26%, rgba(0,0,0,0) 0, rgba(0,0,0,0) 74%, rgba(0,0,0,.9) 0, rgba(0,0,0,.9) 76%, rgba(255,255,255,1) 0) 0 0,
        linear-gradient(90deg, rgba(0,0,0,.9) 2%, rgba(255,255,255,1) 0, rgba(255,255,255,1) 98%, rgba(0,0,0,.9) 0%) 0 0 rgba(255,255,255,1);
    background-size: 40px 60px;
    filter: blur(.95px);
    content: '';
    animation: .8s ease-in 0s 1 slideInFromTop;
}
.background::after {
    opacity: .8;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 5;
    background: linear-gradient(rgba(115,94,166,.55), rgba(0,0,0,.1));
    content: '';
    animation: .8s ease-in 0s 1 slideInFromTop;
}
.black-bg-overlay {
    opacity: 1;
    width: 100%;
    height: 100%;
    top: 0;
    display: block;
    position: fixed;
    background: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,1));
}