/* أساس: نخلي الـ body جاهز للخلفية الخاصة */
body {
    position: relative;
    min-height: 100vh;
    background-color: #F2F9FF;
    overflow-x: hidden;
}

/* الخلفية المتدرجة + اللمعة من فوق (نفس ستايل home2) */
body::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100dvh;
        background: linear-gradient(to bottom, #b4d2f0 0%, #F2F9FF 70%) no-repeat;
        z-index: -1;
        opacity: 0.8;
    }

    body::after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100vh;
        background-image: 
        radial-gradient(2.5px 2.5px at 3% 2%, #D9ECFF, rgba(255, 255, 255, 0)),
        radial-gradient(1.8px 1.8px at 15% 5%, #D9ECFF, rgba(255, 255, 255, 0)),
        radial-gradient(3px 3px at 25% 8%, #D9ECFF, rgba(255, 255, 255, 0)),
        radial-gradient(1.5px 1.5px at 8% 12%, #D9ECFF, rgba(255, 255, 255, 0)),
        radial-gradient(2.3px 2.3px at 18% 3%, #D9ECFF, rgba(255, 255, 255, 0)),
        radial-gradient(2px 2px at 32% 15%, #D9ECFF, rgba(255, 255, 255, 0)),
        radial-gradient(1.7px 1.7px at 45% 10%, #D9ECFF, rgba(255, 255, 255, 0)),
        radial-gradient(2.8px 2.8px at 55% 4%, #D9ECFF, rgba(255, 255, 255, 0)),
        radial-gradient(2px 2px at 65% 7%, #D9ECFF, rgba(255, 255, 255, 0)),
        radial-gradient(3px 3px at 72% 2%, #D9ECFF, rgba(255, 255, 255, 0)),
        radial-gradient(2.5px 2.5px at 85% 14%, #D9ECFF, rgba(255, 255, 255, 0)),
        radial-gradient(1.6px 1.6px at 92% 9%, #D9ECFF, rgba(255, 255, 255, 0)),
        radial-gradient(2px 2px at 98% 6%, #D9ECFF, rgba(255, 255, 255, 0)),
        radial-gradient(1.4px 1.4px at 4% 11%, #D9ECFF, rgba(255, 255, 255, 0)),
        radial-gradient(3px 3px at 18% 2%, #D9ECFF, rgba(255, 255, 255, 0)),
        radial-gradient(2.8px 2.8px at 27% 13%, #D9ECFF, rgba(255, 255, 255, 0)),
        radial-gradient(2px 2px at 38% 8%, #D9ECFF, rgba(255, 255, 255, 0)),
        radial-gradient(2.5px 2.5px at 48% 12%, #D9ECFF, rgba(255, 255, 255, 0)),
        radial-gradient(2px 2px at 58% 10%, #D9ECFF, rgba(255, 255, 255, 0)),
        radial-gradient(3px 3px at 68% 5%, #D9ECFF, rgba(255, 255, 255, 0)),
        radial-gradient(1.9px 1.9px at 78% 3%, #D9ECFF, rgba(255, 255, 255, 0)),
        radial-gradient(2.2px 2.2px at 88% 8%, #D9ECFF, rgba(255, 255, 255, 0)),
        radial-gradient(1.5px 1.5px at 96% 11%, #D9ECFF, rgba(255, 255, 255, 0)),
        radial-gradient(2px 2px at 10% 14%, #D9ECFF, rgba(255, 255, 255, 0)),
        radial-gradient(3px 3px at 22% 6%, #D9ECFF, rgba(255, 255, 255, 0)),
        radial-gradient(2.7px 2.7px at 33% 3%, #D9ECFF, rgba(255, 255, 255, 0)),
        radial-gradient(2.5px 2.5px at 41% 7%, #D9ECFF, rgba(255, 255, 255, 0)),
        radial-gradient(2.3px 2.3px at 50% 13%, #D9ECFF, rgba(255, 255, 255, 0)),
        radial-gradient(1.8px 1.8px at 60% 4%, #D9ECFF, rgba(255, 255, 255, 0)),
        radial-gradient(2px 2px at 70% 8%, #D9ECFF, rgba(255, 255, 255, 0)),
        radial-gradient(2.2px 2.2px at 81% 6%, #D9ECFF, rgba(255, 255, 255, 0)),
        radial-gradient(3px 3px at 90% 12%, #D9ECFF, rgba(255, 255, 255, 0)),
        radial-gradient(1.7px 1.7px at 95% 9%, #D9ECFF, rgba(255, 255, 255, 0)),
        radial-gradient(1.5px 1.5px at 7% 14%, #D9ECFF, rgba(255, 255, 255, 0)),
        radial-gradient(2.6px 2.6px at 20% 3%, #D9ECFF, rgba(255, 255, 255, 0)),
        radial-gradient(2.3px 2.3px at 29% 8%, #D9ECFF, rgba(255, 255, 255, 0)),
        radial-gradient(3px 3px at 39% 2%, #D9ECFF, rgba(255, 255, 255, 0)),
        radial-gradient(1.9px 1.9px at 48% 15%, #D9ECFF, rgba(255, 255, 255, 0)),
        radial-gradient(2px 2px at 57% 6%, #D9ECFF, rgba(255, 255, 255, 0)),
        radial-gradient(2.5px 2.5px at 65% 9%, #D9ECFF, rgba(255, 255, 255, 0)),
        radial-gradient(2.1px 2.1px at 72% 4%, #D9ECFF, rgba(255, 255, 255, 0)),
        radial-gradient(1.7px 1.7px at 80% 7%, #D9ECFF, rgba(255, 255, 255, 0)),
        radial-gradient(2.8px 2.8px at 88% 13%, #D9ECFF, rgba(255, 255, 255, 0)),
        radial-gradient(2.3px 2.3px at 94% 5%, #D9ECFF, rgba(255, 255, 255, 0)),
        radial-gradient(2.3px 2.3px at 6% 3%, #D9ECFF, rgba(255, 255, 255, 0)),
        radial-gradient(2px 2px at 14% 6%, #D9ECFF, rgba(255, 255, 255, 0)),
        radial-gradient(3px 3px at 25% 2%, #D9ECFF, rgba(255, 255, 255, 0)),
        radial-gradient(2.5px 2.5px at 34% 12%, #D9ECFF, rgba(255, 255, 255, 0)),
        radial-gradient(1.8px 1.8px at 42% 9%, #D9ECFF, rgba(255, 255, 255, 0)),
        radial-gradient(2.2px 2.2px at 51% 4%, #D9ECFF, rgba(255, 255, 255, 0)),
        radial-gradient(1.6px 1.6px at 63% 7%, #D9ECFF, rgba(255, 255, 255, 0)),
        radial-gradient(2.4px 2.4px at 74% 3%, #D9ECFF, rgba(255, 255, 255, 0)),
        radial-gradient(1.9px 1.9px at 82% 10%, #D9ECFF, rgba(255, 255, 255, 0)),
        radial-gradient(2.6px 2.6px at 91% 2%, #D9ECFF, rgba(255, 255, 255, 0)),
        radial-gradient(2px 2px at 8% 11%, #D9ECFF, rgba(255, 255, 255, 0)),
        radial-gradient(3px 3px at 16% 5%, #D9ECFF, rgba(255, 255, 255, 0)),
        radial-gradient(1.5px 1.5px at 28% 9%, #D9ECFF, rgba(255, 255, 255, 0)),
        radial-gradient(2.2px 2.2px at 37% 7%, #D9ECFF, rgba(255, 255, 255, 0)),
        radial-gradient(2.7px 2.7px at 44% 3%, #D9ECFF, rgba(255, 255, 255, 0)),
        radial-gradient(2px 2px at 53% 15%, #D9ECFF, rgba(255, 255, 255, 0)),
        radial-gradient(1.8px 1.8px at 60% 12%, #D9ECFF, rgba(255, 255, 255, 0)),
        radial-gradient(2.3px 2.3px at 71% 9%, #D9ECFF, rgba(255, 255, 255, 0)),
        radial-gradient(2.5px 2.5px at 80% 5%, #D9ECFF, rgba(255, 255, 255, 0)),
        radial-gradient(1.7px 1.7px at 88% 8%, #D9ECFF, rgba(255, 255, 255, 0)),
        radial-gradient(2.4px 2.4px at 95% 4%, #D9ECFF, rgba(255, 255, 255, 0)),
        radial-gradient(1.6px 1.6px at 7% 14%, #D9ECFF, rgba(255, 255, 255, 0)),
        radial-gradient(2.9px 2.9px at 19% 10%, #D9ECFF, rgba(255, 255, 255, 0)),
        radial-gradient(2.1px 2.1px at 31% 2%, #D9ECFF, rgba(255, 255, 255, 0)),
        radial-gradient(1.8px 1.8px at 45% 7%, #D9ECFF, rgba(255, 255, 255, 0)),
        radial-gradient(3px 3px at 58% 9%, #D9ECFF, rgba(255, 255, 255, 0)),
        radial-gradient(2.5px 2.5px at 67% 6%, #D9ECFF, rgba(255, 255, 255, 0)),
        radial-gradient(1.9px 1.9px at 76% 12%, #D9ECFF, rgba(255, 255, 255, 0)),
        radial-gradient(2.2px 2.2px at 85% 5%, #D9ECFF, rgba(255, 255, 255, 0)),
        radial-gradient(2px 2px at 94% 15%, #D9ECFF, rgba(255, 255, 255, 0)),
        radial-gradient(2.7px 2.7px at 11% 6%, #D9ECFF, rgba(255, 255, 255, 0)),
        radial-gradient(2.4px 2.4px at 23% 8%, #D9ECFF, rgba(255, 255, 255, 0)),
        radial-gradient(2px 2px at 34% 2%, #D9ECFF, rgba(255, 255, 255, 0)),
        radial-gradient(1.7px 1.7px at 43% 11%, #D9ECFF, rgba(255, 255, 255, 0)),
        radial-gradient(3px 3px at 56% 3%, #D9ECFF, rgba(255, 255, 255, 0)),
        radial-gradient(2.1px 2.1px at 68% 4%, #D9ECFF, rgba(255, 255, 255, 0)),
        radial-gradient(2.9px 2.9px at 79% 10%, #D9ECFF, rgba(255, 255, 255, 0)),
        radial-gradient(1.6px 1.6px at 88% 13%, #D9ECFF, rgba(255, 255, 255, 0)),
        radial-gradient(2.5px 2.5px at 97% 3%, #D9ECFF, rgba(255, 255, 255, 0)),
        radial-gradient(1.8px 1.8px at 5% 9%, #D9ECFF, rgba(255, 255, 255, 0)),
        radial-gradient(2.3px 2.3px at 18% 2%, #D9ECFF, rgba(255, 255, 255, 0)),
        radial-gradient(2px 2px at 30% 15%, #D9ECFF, rgba(255, 255, 255, 0)),
        radial-gradient(2.6px 2.6px at 41% 8%, #D9ECFF, rgba(255, 255, 255, 0)),
        radial-gradient(2.4px 2.4px at 52% 7%, #D9ECFF, rgba(255, 255, 255, 0)),
        radial-gradient(1.9px 1.9px at 63% 11%, #D9ECFF, rgba(255, 255, 255, 0)),
        radial-gradient(2.2px 2.2px at 74% 5%, #D9ECFF, rgba(255, 255, 255, 0)),
        radial-gradient(1.7px 1.7px at 82% 12%, #D9ECFF, rgba(255, 255, 255, 0)),
        radial-gradient(3px 3px at 92% 6%, #D9ECFF, rgba(255, 255, 255, 0)),
        radial-gradient(3px 3px at 5% 10%, #D9ECFF, rgba(255, 255, 255, 0)),
        radial-gradient(2.5px 2.5px at 15% 15%, #D9ECFF, rgba(255, 255, 255, 0)),
        radial-gradient(2px 2px at 25% 8%, #D9ECFF, rgba(255, 255, 255, 0)),
        radial-gradient(3px 3px at 35% 12%, #D9ECFF, rgba(255, 255, 255, 0)),
        radial-gradient(2.8px 2.8px at 45% 5%, #D9ECFF, rgba(255, 255, 255, 0)),
        radial-gradient(2px 2px at 55% 18%, #D9ECFF, rgba(255, 255, 255, 0)),
        radial-gradient(1.5px 1.5px at 65% 15%, #D9ECFF, rgba(255, 255, 255, 0)),
        radial-gradient(2.2px 2.2px at 75% 10%, #D9ECFF, rgba(255, 255, 255, 0)),
        radial-gradient(2.6px 2.6px at 85% 20%, #D9ECFF, rgba(255, 255, 255, 0)),
        radial-gradient(1.7px 1.7px at 95% 8%, #D9ECFF, rgba(255, 255, 255, 0)),
        radial-gradient(3px 3px at 10% 20%, #D9ECFF, rgba(255, 255, 255, 0)),
        radial-gradient(1.5px 1.5px at 30% 40%, #D9ECFF, rgba(255, 255, 255, 0)),
        radial-gradient(4.5px 4.5px at 50% 60%, #D9ECFF, rgba(255, 255, 255, 0)),
        radial-gradient(3px 3px at 70% 80%, #D9ECFF, rgba(255, 255, 255, 0)),
        radial-gradient(2.2px 2.2px at 85% 25%, #D9ECFF, rgba(255, 255, 255, 0)),
        radial-gradient(1.8px 1.8px at 5% 90%, #D9ECFF, rgba(255, 255, 255, 0)),
        radial-gradient(3px 3px at 45% 15%, #D9ECFF, rgba(255, 255, 255, 0)),
        radial-gradient(4.5px 4.5px at 95% 55%, #D9ECFF, rgba(255, 255, 255, 0)),
        radial-gradient(3px 3px at 10% 75%, #D9ECFF, rgba(255, 255, 255, 0)),
        radial-gradient(2.7px 2.7px at 55% 85%, #D9ECFF, rgba(255, 255, 255, 0)),
        radial-gradient(1.5px 1.5px at 70% 10%, #D9ECFF, rgba(255, 255, 255, 0)),
        radial-gradient(2.2px 2.2px at 80% 40%, #D9ECFF, rgba(255, 255, 255, 0)),
        radial-gradient(3.8px 3.8px at 35% 65%, #D9ECFF, rgba(255, 255, 255, 0)),
        radial-gradient(1.5px 1.5px at 15% 5%, #D9ECFF, rgba(255, 255, 255, 0)),
        radial-gradient(3px 3px at 25% 55%, #D9ECFF, rgba(255, 255, 255, 0)),
        radial-gradient(2.6px 2.6px at 65% 95%, #D9ECFF, rgba(255, 255, 255, 0)),
        radial-gradient(4.5px 4.5px at 12% 88%, #D9ECFF, rgba(255, 255, 255, 0)),
        radial-gradient(3.3px 3.3px at 22% 68%, #D9ECFF, rgba(255, 255, 255, 0)),
        radial-gradient(2px 2px at 32% 58%, #D9ECFF, rgba(255, 255, 255, 0)),
        radial-gradient(2.8px 2.8px at 42% 38%, #D9ECFF, rgba(255, 255, 255, 0)),
        radial-gradient(3.6px 3.6px at 52% 28%, #D9ECFF, rgba(255, 255, 255, 0)),
        radial-gradient(1.7px 1.7px at 62% 18%, #D9ECFF, rgba(255, 255, 255, 0)),
        radial-gradient(4.8px 4.8px at 72% 8%, #D9ECFF, rgba(255, 255, 255, 0)),
        radial-gradient(2.1px 2.1px at 82% 78%, #D9ECFF, rgba(255, 255, 255, 0)),
        radial-gradient(3.4px 3.4px at 92% 48%, #D9ECFF, rgba(255, 255, 255, 0)),
        radial-gradient(3px 3px at 5% 35%, #D9ECFF, rgba(255, 255, 255, 0)),
        radial-gradient(2.2px 2.2px at 15% 25%, #D9ECFF, rgba(255, 255, 255, 0)),
        radial-gradient(2.7px 2.7px at 25% 15%, #D9ECFF, rgba(255, 255, 255, 0)),
        radial-gradient(1.8px 1.8px at 35% 45%, #D9ECFF, rgba(255, 255, 255, 0)),
        radial-gradient(3.8px 3.8px at 45% 85%, #D9ECFF, rgba(255, 255, 255, 0)),
        radial-gradient(1.5px 1.5px at 55% 65%, #D9ECFF, rgba(255, 255, 255, 0)),
        radial-gradient(4.5px 4.5px at 65% 45%, #D9ECFF, rgba(255, 255, 255, 0)),
        radial-gradient(3px 3px at 75% 35%, #D9ECFF, rgba(255, 255, 255, 0)),
        radial-gradient(2.6px 2.6px at 85% 25%, #D9ECFF, rgba(255, 255, 255, 0)),
        radial-gradient(1.7px 1.7px at 95% 15%, #D9ECFF, rgba(255, 255, 255, 0));
        background-repeat: no-repeat;
        background-size: 100% 100%;
        z-index: -1;
        opacity: 0.8;
    }