.investment-calculator{

    padding:120px;

}

.calculator-card{

    max-width:900px;

    margin:auto;

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

    backdrop-filter:blur(20px);

    border-radius:30px;

}

.calculator-subtitle{

    color:#cbd5e1;
    text-align:center;
    margin-bottom:40px;

}

.slider-group{

    margin-bottom:35px;

}

.slider-group label{

    display:flex;

    justify-content:space-between;

    margin-bottom:10px;

    font-weight:600;

}

.slider-group input{

    width:100%;

}

.results{

    display:grid;

    grid-template-columns:
    repeat(2,1fr);

    gap:20px;

    margin-top:40px;

}

.result-box{

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

    padding:25px;

    border-radius:20px;

    text-align:center;

}

.result-box span{

    display:block;

    margin-top:10px;

    font-size:2rem;

    font-weight:bold;

}

.growth span{

    color:#c8aa22;

}

.profit{

    margin-top:30px;

    text-align:center;

    font-size:1.2rem;

}

.profit strong{

    color:#008000;

}




.modal{
    display:none;
    position:fixed;
    inset:0;
    background:rgba(0,0,0,.8);
    justify-content:center;
    align-items:center;
}

.modal-content{
    background:white;
	color:black;
    width:min(700px,90%);
    padding:40px;
    border-radius:25px;
}

.modal-content span{
    cursor:pointer;
    float:right;
    font-size:2rem;
}