.bce-register-page{
    max-width:700px;
    margin:60px auto;
    padding:20px;
}

.bce-register-card{
    background:#ffffff;
    padding:40px;
    border-radius:20px;
    box-shadow:0 10px 35px rgba(0,0,0,.12);
}

.bce-register-card h2{
    text-align:center;
    font-size:42px;
    margin-bottom:10px;
    color:#081a44;
}

.bce-register-card p{
    margin-bottom:20px;
}

.bce-register-card label{
    display:block;
    font-weight:700;
    margin-bottom:8px;
    color:#081a44;
}

.bce-register-card input{
    width:100%;
    height:55px;
    border:1px solid #dcdcdc;
    border-radius:10px;
    padding:0 15px;
    font-size:16px;
}

.bce-register-card input:focus{
    outline:none;
    border-color:#0f6cff;
    box-shadow:0 0 0 3px rgba(15,108,255,.15);
}

.bce-register-card input[type="submit"]{
    background:#081a44;
    color:#fff;
    border:none;
    cursor:pointer;
    font-size:18px;
    font-weight:700;
    transition:.3s;
}

.bce-register-card input[type="submit"]:hover{
    background:#0f6cff;
}

.bce-error{
    background:#ffebee;
    color:#c62828;
    padding:15px;
    border-radius:10px;
    margin-bottom:20px;
}

.bce-success{
    background:#e8f5e9;
    color:#2e7d32;
    padding:15px;
    border-radius:10px;
    margin-bottom:20px;
}

@media(max-width:768px){

    .bce-register-card{
        padding:25px;
    }

    .bce-register-card h2{
        font-size:32px;
    }

}

.bce-login-page{
max-width:700px;
margin:60px auto;
padding:20px;
}

.bce-login-card{
background:#fff;
padding:40px;
border-radius:20px;
box-shadow:0 10px 35px rgba(0,0,0,.12);
}

.bce-login-card h2{
text-align:center;
color:#081a44;
font-size:40px;
margin-bottom:10px;
}

.bce-login-card input{
width:100%;
height:55px;
border:1px solid #ddd;
border-radius:10px;
padding:0 15px;
}

.bce-login-card input[type="submit"]{
background:#081a44;
color:#fff;
border:none;
font-size:18px;
cursor:pointer;
}

.bce-dashboard{
display:flex;
gap:30px;
max-width:1400px;
margin:50px auto;
}

.bce-sidebar{
width:260px;
background:#081c4d;
padding:25px;
border-radius:10px;
}

.bce-sidebar h3{
color:#fff;
margin-bottom:25px;
}

.bce-sidebar ul{
list-style:none;
padding:0;
margin:0;
}

.bce-sidebar li{
margin-bottom:15px;
}

.bce-sidebar a,
.bce-sidebar li{
color:#fff;
text-decoration:none;
}

.bce-content{
flex:1;
background:#fff;
padding:40px;
border-radius:10px;
box-shadow:0 0 20px rgba(0,0,0,.08);
}

.bce-cards{
display:flex;
gap:20px;
margin-top:30px;
}

.bce-card{
background:#f4f6fb;
padding:25px;
border-radius:10px;
width:220px;
text-align:center;
}

.bce-card h3{
margin-bottom:10px;
}

.bce-card p{
font-size:30px;
font-weight:700;
margin:0;
}

.bce-actions{
margin-top:40px;
}

.bce-actions a{
display:inline-block;
padding:12px 25px;
background:#081c4d;
color:#fff;
text-decoration:none;
border-radius:6px;
margin-right:10px;
}