:root {
    --electric-blue: #00FFFF;
}

body {
    font-family: 'Inter', sans-serif;
    background-color: #030617;
    background-image: radial-gradient(circle at 25% 25%, rgba(3, 10, 39, 0.8) 0%, rgba(3, 6, 23, 0) 50%), 
                      radial-gradient(circle at 75% 75%, rgba(0, 255, 255, 0.1) 0%, rgba(0, 255, 255, 0) 40%);
}

.text-glow {
    text-shadow: 0 0 8px rgba(255, 255, 255, 0.3);
}

.book-shadow {
    filter: drop-shadow(0 25px 25px rgba(0, 0, 0, 0.5));
}

.form-container-glow {
    border: 1px solid var(--electric-blue);
    box-shadow: 0 0 15px rgba(0, 255, 255, 0.3);
}

.button-glow {
    background: linear-gradient(90deg, var(--electric-blue), #00A3FF);
    box-shadow: 0 0 20px rgba(0, 255, 255, 0.5);
}

.button-glow:hover {
    box-shadow: 0 0 30px rgba(0, 255, 255, 0.8);
}

/* Hide breakpoint image by default */
#breakpoint-image {
    display: none;
}

.logo-clip{
    width:110px;
    height:110px;
    border-radius:100%;
    overflow:hidden;
    position: relative;
}

.logo-clip img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transform: scale(1.5);
    transform-origin: center;
}

#logos-container {
    flex-wrap: wrap;
    justify-content: center;
}

/* Media query for 943px breakpoint - center left column content when stacked */
@media (max-width: 943px) {
    #left-column {
        text-align: center;
        align-items: center;
        justify-content: center;
    }
    
    #text-content {
        text-align: center;
    }
    
    #breakpoint-image {
        display: block;
        margin: 1.5rem auto;
    }
    
    #form-container {
        align-self: center;
    }
    
    #right-column {
        display: none;
    }
}