body {

    font-family: Arial, Helvetica, sans-serif;
    background:#f4f6f8;
    color:#333;

}


.navbar {

    background:#1f2937;

}


.navbar-brand {

    font-weight:bold;
    letter-spacing:2px;
    color:white!important;

}


.hero {

    background:
    linear-gradient(
        rgba(31,41,55,.85),
        rgba(37,99,235,.75)
    );

    color:white;
    padding:100px 20px;
    text-align:center;

}


.hero h1 {

    font-size:3rem;
    font-weight:700;

}


.section-title {

    color:#1e40af;
    font-weight:bold;

}


.card {

    border:none;
    box-shadow:0 5px 20px rgba(0,0,0,.08);

}


.signup {

    background:white;
    padding:50px;
    border-radius:15px;
    box-shadow:0 5px 25px rgba(0,0,0,.1);

}


footer {

    background:#111827;
    color:white;
    padding:30px;
    text-align:center;

}


.btn-primary {

    background:#2563eb;
    border:none;

}