* {
*     margin: 0;
*         padding: 0;
*             box-sizing: border-box;
*                 font-family: 'Inter', 'Helvetica Neue', sans-serif;
*                 }
*
*                 body {
*                     min-height: 100vh;
*                         overflow-x: hidden;
*                         }
*
*
.corporate-sky {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    
    background: linear-gradient(
        130deg,
        #f0f7ff 0%,    
        #e0edff 20%,   
        #b9d4ff 50%,   
        #8ab4f8 80%,   
        #5f96e0 100%   
    );
    z-index: 1;
    overflow: hidden;
}


.corporate-sky::before {
    content: '';
    position: absolute;
    top: 5%;
    left: -30%;
    width: 70%;
    height: 40%;
    background: radial-gradient(
        ellipse at center,
        rgba(255, 255, 255, 0.6) 0%,
        rgba(255, 255, 255, 0.2) 70%,
        transparent 100%
    );
    filter: blur(70px);
    animation: cloudFloat 90s linear infinite;
}


.corporate-sky::after {
    content: '';
    position: absolute;
    bottom: -10%;
    right: -20%;
    width: 60%;
    height: 35%;
    background: radial-gradient(
        ellipse at center,
        rgba(255, 255, 255, 0.4) 0%,
        rgba(255, 255, 255, 0.1) 60%,
        transparent 100%
    );
    filter: blur(60px);
    animation: cloudFloatReverse 105s linear infinite;
    animation-delay: 20s;
}


.texture-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-image: 
        linear-gradient(rgba(255, 255, 255, 0.03) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, 0.03) 1px, transparent 1px);
    background-size: 60px 60px;
    z-index: 1;
    pointer-events: none;
}


.light-rays {
    position: fixed;
    top: -20%;
    right: -20%;
    width: 60vw;
    height: 60vw;
    background: radial-gradient(
        circle at 60% 40%,
        rgba(255, 255, 255, 0.3) 0%,
        rgba(255, 255, 255, 0.1) 40%,
        transparent 70%
    );
    z-index: 1;
    transform: rotate(15deg);
    animation: lightPulse 30s ease-in-out infinite;
}


@keyframes cloudFloat {
    0% { transform: translate(0, 0) rotate(0deg); }
    25% { transform: translate(20%, 5%) rotate(1deg); }
    50% { transform: translate(40%, 0) rotate(0deg); }
    75% { transform: translate(60%, -5%) rotate(-1deg); }
    100% { transform: translate(80%, 0) rotate(0deg); }
}

@keyframes cloudFloatReverse {
    0% { transform: translate(0, 0) rotate(0deg); }
    25% { transform: translate(-20%, -5%) rotate(-1deg); }
    50% { transform: translate(-40%, 0) rotate(0deg); }
    75% { transform: translate(-60%, 5%) rotate(1deg); }
    100% { transform: translate(-80%, 0) rotate(0deg); }
}


@keyframes lightPulse {
    0%, 100% { opacity: 0.8; }
    50% { opacity: 1; }
}