.nastychat-login{
    max-width:1000px;
    margin:0 auto;
}

.nc-label{
    display:block;
    margin-bottom:10px;
    font-size:18px;
    font-weight:bold;
    color:#FFD700;
}

.nc-input{

    width:100%;
    padding:15px;
    font-size:18px;

    background:#222;

    border:1px solid #555;

    color:#fff;

    border-radius:6px;

    box-sizing:border-box;

}

.nc-gender {
    text-align: center;
    margin: 25px 0 35px;
}

.nc-gender label {
    display: inline-flex !important;
    align-items: center;
    margin: 0 20px !important;
    width: auto !important;
    float: none !important;
    white-space: nowrap;
}

.nc-gender input[type="radio"] {
    margin-right: 6px;
}

.nc-featured-rooms{

    display:flex;

    gap:25px;

    flex-wrap:wrap;

}

.nc-room-card{

    flex:1;

    min-width:300px;

    background:#1f1f1f;

    border:2px solid #900;

    border-radius:10px;

    padding:25px;

    text-align:center;

}

.nc-room-card h2{

    color:#FFD700;

    margin-top:0;

}

.nc-room-card p{

    color:#ddd;

    min-height:60px;

}

.nc-button{

    width:100%;

    padding:15px;

    background:#d40000;

    color:#fff;

    border:none;

    border-radius:6px;

    font-size:20px;

    cursor:pointer;

    transition:.25s;

}

.nc-button:hover{

    background:#ff2a2a;

}

.nc-more-rooms{

    margin-top:40px;

}

.nc-more-rooms h3{

    color:#FFD700;

}

.nc-small-room-buttons{

    display:flex;

    gap:15px;

    flex-wrap:wrap;

}

.nc-small-room-buttons button{

    flex:1;

    min-width:180px;

    padding:14px;

    background:#333;

    color:#fff;

    border:1px solid #555;

    border-radius:6px;

    cursor:pointer;

    transition:.25s;

}

.nc-small-room-buttons button:hover{

    background:#555;

}

@media(max-width:768px){

.nc-featured-rooms{

    display:block;

}

.nc-room-card{

    margin-bottom:20px;

}

}