.settings-page{
  display:flex;
  flex-direction:column;
  gap:22px;
}

.settings-header{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:16px;
}

.settings-header h2{
  margin:0;
}

.settings-subtitle{
  margin:6px 0 0;
  opacity:0.78;
}

.settings-section{
  border:1px solid rgba(212,175,55,0.65);
  border-radius:14px;
  padding:20px;
  background:rgba(255,255,255,0.025);
}

.settings-section h3{
  margin:0 0 18px;
  color:#f4d77a;
}

.settings-grid{
  display:grid;
  grid-template-columns:
    repeat(2, minmax(0,1fr));
  gap:18px;
}

.settings-field{
  display:flex;
  flex-direction:column;
  gap:7px;
}

.settings-field.full-width{
  grid-column:1 / -1;
}

.settings-field label{
  font-weight:700;
  font-size:14px;
}

.settings-field input,
.settings-field textarea,
.settings-field select{
  width:100%;
  box-sizing:border-box;
  padding:11px 12px;
  border-radius:9px;
  border:1px solid rgba(212,175,55,0.45);
  background:#fffaf2;
  color:#2a1414;
  font-size:15px;
}

.settings-field textarea{
  min-height:90px;
  resize:vertical;
}

.settings-actions{
  display:flex;
  justify-content:flex-end;
}

.settings-save-btn{
  padding:12px 24px;
  border:none;
  border-radius:10px;
  font-weight:700;
  cursor:pointer;
}

@media(max-width:760px){
  .settings-grid{
    grid-template-columns:1fr;
  }

  .settings-field.full-width{
    grid-column:auto;
  }
}

.settings-language-note{
  display:flex;
  align-items:flex-start;
  gap:10px;

  margin-top:14px;
  padding:12px 14px;

  border:1px solid rgba(212,175,55,0.55);
  border-radius:10px;

  background:rgba(212,175,55,0.10);
  color:#f5e6c8;

  font-size:14px;
  line-height:1.5;
}

.settings-language-note-icon{
  flex-shrink:0;
  font-size:16px;
}