
.features-page{max-width:1120px;margin:0 auto;padding:34px 20px 70px}
.features-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-end}
.features-head h1{font-size:40px;margin:5px 0 7px}
.features-head p{margin:0;color:var(--muted);max-width:720px}
.credit-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:24px 0}
.credit-strip>div{padding:18px;border:1px solid var(--line);border-radius:18px;background:#180e13}
.credit-strip span{display:block;font-size:10px;color:#ce91a8}
.credit-strip strong{display:block;margin-top:6px;font-size:26px}
.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.feature-card{border:1px solid var(--line);border-radius:20px;background:#180e13;padding:18px}
.feature-top{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}
.feature-card h2{margin:5px 0 5px;font-size:20px}
.feature-card p{margin:0;color:var(--muted);line-height:1.45}
.feature-icon{font-size:25px}
.feature-lock{display:none;margin-top:13px;padding:10px 11px;border:1px solid #70405a;border-radius:12px;background:#26121c;color:#edcad7;font-size:10px}
.feature-lock a{color:#ff7096;font-weight:900}
.feature-note{margin-top:11px;color:#d9a9ba;font-size:10px}
.switch{position:relative;width:48px;height:27px;flex:0 0 auto}
.switch input{opacity:0;width:0;height:0}
.switch span{position:absolute;inset:0;background:#472737;border-radius:999px;cursor:pointer;transition:.2s}
.switch span:before{content:"";position:absolute;width:21px;height:21px;left:3px;top:3px;border-radius:50%;background:#fff;transition:.2s}
.switch input:checked+span{background:#df3f6d}
.switch input:checked+span:before{transform:translateX(21px)}
.switch input:disabled+span{opacity:.45;cursor:not-allowed}
.travel-card{grid-column:1/-1}
.travel-fields{display:none;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:16px}
.travel-fields label{display:grid;gap:6px;color:#d8a3b8;font-size:10px}
.travel-fields input{border:1px solid #563044;border-radius:11px;background:#10080c;color:#fff;padding:10px}
.travel-fields .full{grid-column:1/-1}
.boost-card{border-color:#704c29}
@media(max-width:760px){
  .features-page{padding:18px 12px 55px}
  .features-head{flex-direction:column;align-items:flex-start}
  .features-head h1{font-size:31px}
  .credit-strip{grid-template-columns:1fr 1fr 1fr}
  .feature-grid{grid-template-columns:1fr}
  .travel-card{grid-column:auto}
  .travel-fields{grid-template-columns:1fr}
}
