body{
    background:#f8f9fa;
}

/* HEADER */
.site-header{
    background: linear-gradient(135deg,#0f2027,#203a43,#2c5364);
    color:#fff;
    padding:20px 0;
}
.site-header .brand{
    font-size:24px;
    font-weight:700;
}

/* HERO */
.hero{
    padding:80px 0;
}
.hero h1{
    font-weight:700;
}
.hero p{
    font-size:18px;
    color:#555;
}

/* FOOTER */
.site-footer{
    background:#111;
    color:#aaa;
    padding:20px 0;
    margin-top:60px;
}
.site-footer a{
    color:#aaa;
    text-decoration:none;
}
.site-footer a:hover{
    color:#fff;
}

/*registration page css */
.card{
    border-radius:12px;
}
.form-control{
    border-radius:8px;
}
.input-group-text{