body{
    display:flex;
    flex-direction:column;
    background:#f8f9fa;
    color:var(--zl-dark);
}
.logo{
    width:150px;
    filter:
        drop-shadow(0 0 25px rgba(255,140,34,.25));
    transition:.3s;
}
.shadow-smc {
	    box-shadow: var(--bs-box-shadow-sm) !important;
	border-radius: var(--bs-border-radius-lg);
}
.logo:hover{
    transform:translateY(-4px);
    filter:
        drop-shadow(0 12px 35px rgba(255,140,34,.35));
}
.hero-card{

    background:rgba(255,255,255,.82);

    backdrop-filter:blur(18px);

    border-radius:28px;

    padding:55px;

    box-shadow:
        0 15px 60px rgba(0,0,0,.08);

    border:1px solid rgba(255,255,255,.8);
}
.form-control{

    border-radius:16px;

    height:64px;

    border:2px solid transparent;

    transition:.25s;

    font-size:1.1rem;
}

.form-control:focus{

    border-color:#ff8c22;

    box-shadow:
        0 0 0 .25rem rgba(255,140,34,.18);
}

.btn-gradient{

    background:
        linear-gradient(
            135deg,
            #ff5b45,
            #ff9b2b);

    border:none;

    border-radius:16px;

    font-weight:700;

    padding:0 35px;

    transition:.25s;
}

.btn-gradient:hover{

    transform:translateY(-2px);

    box-shadow:
        0 12px 30px rgba(255,120,40,.35);
}


footer{

    color:#6c757d;

    font-size:.95rem;
}

footer a{

    color:#6c757d;

    transition:.2s;
}

footer a:hover{

    color:#ff6d33;
}

footer{
    background:white;
    border-top:1px solid #e8e8e8;
}

footer a{
    text-decoration:none;
    color:var(--zl-dark);
}

footer a:hover{
    color:var(--zl-orange2);
}


@media (prefers-color-scheme: dark){

body{

    background:#15181d;

    color:white;
}

.hero-card{

    background:rgba(35,40,48,.85);

    border-color:#3d4653;

    color:white;
}

.form-control{

    background:#222831;

    border-color:#3d4653;

    color:white;
}

.form-control::placeholder{

    color:#9aa4af;
}

footer{

    background:#15181d;

    border-top:1px solid #2d333d;
}

footer a{

    color:#b7bec8;
}

}

.hero-card{

    animation:fadeUp .8s ease;
}

@keyframes fadeUp{

from{

    opacity:0;

    transform:translateY(30px);
}

to{

    opacity:1;

    transform:none;
}

}