/* ===========================
   PROFIT CALCULATOR
=========================== */

.calculator{
    background:var(--color-bg-light);
}

.calculator-card{

    max-width:800px;
    margin:60px auto 0;

    background:var(--color-white);

    border-radius:var(--radius-xl);

    padding:48px;

    box-shadow:var(--shadow-md);

    border:1px solid var(--color-border);

}

.form-group{

    margin-bottom:40px;

}

.form-group label{

    display:block;

    font-size:1rem;

    font-weight:600;

    color:var(--color-heading);

    margin-bottom:16px;

}

.form-group input[type="range"]{

    width:100%;

    cursor:pointer;

    accent-color:var(--color-primary);

}

.form-group span{

    display:inline-block;

    margin-top:12px;

    font-weight:700;

    color:var(--color-primary);

}

.results{

    margin-top:40px;

}

.result-card{

    




    text-align:center;

    background: linear-gradient(145deg, var(--color-dark) 0%, #1e3a8a 100%);

    color: var(--color-white) ;

    background: linear-gradient(145deg, var(--color-dark) 0%, #1e3a8a 100%);
    border-radius: var(--radius-xl);
    padding: 40px 36px;
    box-shadow: var(--shadow-lg);
    position: relative;
    overflow: hidden;

}

.result-card h4{

    

    margin:0 auto 40px;
    font-size:1.15rem;
    font-size: 0.75rem;
    color: rgba(255, 255, 255, 0.65);

}

.result-card h2{

    font-size:3rem;
    font-weight:800;
    color: var(--color-white);
    letter-spacing:-1px;

}