.settings{

min-height:100vh;

padding:70px 20px;

background:
linear-gradient(
135deg,
#f8fafc,
#edf7f1
);

}



.back{

display:inline-flex;

margin-bottom:24px;

text-decoration:none;

color:#64748b;

}



.settings-card{

max-width:900px;

margin:auto;

background:white;

padding:40px;

border-radius:32px;

box-shadow:
0 20px 60px
rgba(
0,
0,
0,
0.05
);

}



.settings-card h1{

font-size:40px;

margin-bottom:8px;

}



.settings-card p{

margin-bottom:30px;

color:#64748b;

}



.settings-section{

margin-bottom:32px;

}



.settings-section h2{

margin-bottom:18px;

}



.grid{

display:grid;

grid-template-columns:
1fr 1fr;

gap:18px;

}



.grid input,
.grid select{

padding:16px;

border-radius:16px;

border:
1px solid
#dbe3ea;

}



.toggle{

display:flex;

gap:14px;

margin-bottom:16px;

}



.actions{

display:flex;

gap:14px;

}



.actions a{

display:flex;

align-items:center;

justify-content:center;

text-decoration:none;

}



@media(
max-width:700px
){

.grid{

grid-template-columns:
1fr;

}



.actions{

flex-direction:column;

}

}