/* 
 * New Profile Border Styles (Updated)
 * Logic: Dark background for body with transparency, white background for content container.
 * This creates a visual effect of full-width dark background with centered white content.
 */

body {
    background-color: rgba(5, 19, 32, 0.9) !important;
    min-height: 100vh;
}

html {
    background-color: #fff; /* Base background to blend with transparency */
    min-height: 100vh;
}

.new-profile-wrapper {
    padding-top: 0 !important;
    margin-top: 0 !important;
    /* background-color removed to avoid double transparency application */
    min-height: 100vh;
}

.new-profile-container {
    background-color: #ffffff;
    min-height: 100vh;
    box-shadow: 0 0 20px rgba(0,0,0,0.5);
    padding-top: 100px !important;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .new-profile-container {
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 80px !important;
    }
}