*{box-sizing:border-box}
body{
  margin:0;
  font-family:Arial,Helvetica,sans-serif;
  background:#f8fafc;
  color:#1e293b;
  line-height:1.7;
}
.header{
  background:#0f172a;
  color:#fff;
  padding:18px 6%;
}
.header-inner{
  max-width:1100px;
  margin:auto;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:20px;
}
.logo{
  color:#FBBF24;
  font-size:24px;
  font-weight:900;
  text-decoration:none;
}
.back{
  color:#fff;
  text-decoration:none;
  font-size:14px;
}
.container{
  max-width:900px;
  margin:45px auto;
  padding:0 22px;
}
.card{
  background:#fff;
  padding:35px;
  border-radius:16px;
  box-shadow:0 8px 30px rgba(15,23,42,.06);
}
h1{
  margin-top:0;
  color:#0f172a;
  font-size:32px;
}
h2{
  margin-top:30px;
  color:#0f172a;
  font-size:21px;
}
h3{
  color:#334155;
}
a{
  color:#b77900;
}
.note{
  padding:14px 16px;
  border-left:4px solid #FBBF24;
  background:#fffbeb;
  margin:20px 0;
}
.footer{
  text-align:center;
  padding:30px 20px;
  color:#64748b;
  font-size:13px;
}
@media(max-width:600px){
  .container{margin:25px auto}
  .card{padding:22px}
  h1{font-size:27px}
}