.site-wrapper{
    min-height:100vh;
    display:flex;
    flex-direction:column;
}

main{
    flex:1;
}

body{
    margin:0;
    font-family:'Roboto', sans-serif;
}

/* Simulation Section */
/* Starts here */

.simulation-section{
padding:80px 20px;
background:#f5f7fb;
}

.simulation-container{
max-width:1100px;
margin:auto;
}

.simulation-header{
text-align:center;
margin-bottom:40px;
}

.simulation-header h2{
font-size:32px;
margin-bottom:10px;
color:#1f3c88;
}

.simulation-header p{
color:#666;
}

.simulation-disclaimer{
margin-top:15px;
font-size:13px;
color:#777;
line-height:1.6;
font-style:italic;
border-top:1px solid #eee;
padding-top:10px;
}

/* Tabs */

.simulation-tabs{
display:flex;
justify-content:center;
gap:20px;
margin-bottom:30px;
}

.tab-btn{
padding:14px 26px;
border:none;
border-radius:8px;
background:#e9edf5;
cursor:pointer;
font-weight:600;
transition:all 0.25s ease;
}

.tab-btn.active{
background:#1e63c3;
color:white;
transform:translateY(-2px);
}

.tab-btn:hover{
background:#dbe6ff;
transform:translateY(-2px);
}


/* Panel */

.simulation-content{
background:white;
padding:40px;
border-radius:12px;
box-shadow:0 10px 25px rgba(0,0,0,0.05);
display: grid;
}

.tab-panel{
grid-area:1 / 1;

opacity:0;
visibility:hidden;

transform:translateY(10px) scale(0.98);
transition:opacity 0.35s ease, transform 0.35s cubic-bezier(.22,.61,.36,1);
}

.tab-panel.active{
opacity:1;
visibility:visible;
transform:translateY(0) scale(1);
}

/* Form */

.form-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:20px;
margin-top:20px;
}

.form-group label{
display:block;
margin-bottom:6px;
font-weight:600;
}

.form-group input{
width:100%;
padding:12px;
border-radius:6px;
border:1px solid #ddd;
}

.form-group select{
width:100%;
padding:12px;
border-radius:6px;
border:1px solid #ddd;
}

/* Tablet */
@media (max-width:900px){
.form-grid{
grid-template-columns:repeat(2,1fr);
}
}

/* Mobile */
@media (max-width:600px){
.form-grid{
grid-template-columns:1fr;
}
}

/* Button */

.calculate-btn{
margin-top:30px;
padding:14px 28px;
background:#1e63c3;
color:white;
border:none;
border-radius:8px;
font-weight:600;
cursor:pointer;
}

/* Simulation Section */
/* Ends here */

/* Loan Simulation Section */
/* Starts here */
.loan-table{
width:100%;
margin-top:30px;
border-collapse:collapse;
font-size:14px;
}

.loan-table th,
.loan-table td{
border:1px solid #ddd;
padding:10px;
text-align:right;
}

.loan-table th{
background:#1e63c3;
color:white;
text-align:center;
}

.loan-table td:first-child{
text-align:center;
}

.loan-table thead th{
position:sticky;
top:0;
background:#1e63c3;
color:white;
z-index:1;
}

.loan-table-wrapper{
margin-top:30px;
max-height:350px;
overflow-y:auto;
border:1px solid #ddd;
border-radius:8px;
}

.loan-table tbody tr:nth-child(even){
background:#f7f9fc;
}
/* Loan Simulation Section */
/* End here */

.currency-input{
text-align:right;
}

/* Deposito Simulation Section */
.deposit-result-box{
margin-top:30px;
border:1px solid #eee;
border-radius:10px;
padding:25px;
background:#fafbff;
}

.deposit-item{
display:flex;
justify-content:space-between;
padding:10px 0;
border-bottom:1px solid #eee;
font-size:15px;
}

.deposit-item:last-child{
border-bottom:none;
}

.deposit-item span{
color:#666;
}

.deposit-item strong{
font-weight:600;
}

.deposit-total{
margin-top:15px;
padding-top:15px;
border-top:2px solid #1e63c3;

display:flex;
justify-content:space-between;
font-size:18px;
font-weight:700;
color:#1e63c3;
}

/* Saving Simulation Section */
/* Starts here */
.saving-table{
width:100%;
margin-top:30px;
border-collapse:collapse;
font-size:14px;
}

.saving-table th,
.saving-table td{
border:1px solid #ddd;
padding:10px;
text-align:right;
}

.saving-table th{
background:#1e63c3;
color:white;
text-align:center;
}

.saving-table td:first-child{
text-align:center;
}

.saving-table thead th{
position:sticky;
top:0;
background:#1e63c3;
color:white;
z-index:1;
}

.saving-table-wrapper{
margin-top:30px;
max-height:350px;
overflow-y:auto;
border:1px solid #ddd;
border-radius:8px;
}

.saving-table tbody tr:nth-child(even){
background:#f7f9fc;
}
/* Saving Simulation Section */
/* End here */