*{box-sizing:border-box;margin:0;padding:0}
html,body{min-height:100%;background:#050505;font-family:Arial,Helvetica,sans-serif}
body{display:flex;justify-content:center;align-items:flex-start;padding:0}
.page{position:relative;width:min(100vw,500px);aspect-ratio:864/1536;overflow:hidden;background:#050505;box-shadow:0 0 35px rgba(130,0,0,.35)}
.bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;user-select:none;pointer-events:none}
.button{position:absolute;left:12%;width:75%;display:block;z-index:5;transition:transform .16s ease,filter .16s ease}
.button:hover{transform:scale(1.015);filter:brightness(1.12)}
.button img{width:100%;height: 54px;;display:block;border:0}
.bot{top:20.7%}
.operator{top:27.1%}
.garant{top:33.8%}
.access{top:43.9%}
.privilege{top:50.3%}
.status{top:56.6%}
.chat{top:66.8%}
.legalizer{top:72.9%}
.reviews{top:79.3%}
@media (max-width:520px){.page{width:100vw}.button{position:absolute;left:12%;width:76%;display:block;z-index:5;transition:transform .16s ease,filter .16s ease}}


/* === ВСПЛЫВАЮЩЕЕ ОКНО ДЛЯ БОНУСОВ === */
.modal-overlay{
  position:fixed;
  inset:0;
  display:none;
  align-items:center;
  justify-content:center;
  background:rgba(0,0,0,.72);
  z-index:9999;
  padding:20px;
}
.modal-overlay.active{display:flex}
.modal-box{
  width:min(520px,90vw);
  background:linear-gradient(180deg,#151515,#050505);
  border:1px solid rgba(190,190,190,.38);
  box-shadow:0 0 30px rgba(150,0,0,.45), inset 0 0 0 1px rgba(120,0,0,.35);
  color:#d8d8d8;
  text-align:center;
  padding:30px 24px 24px;
  position:relative;
}
.modal-box h3{
  color:#d00000;
  font-size:26px;
  margin:0 0 14px;
  text-transform:uppercase;
  letter-spacing:1px;
}
.modal-box p{
  margin:0;
  font-size:17px;
  line-height:1.45;
}
.modal-close{
  position:absolute;
  top:6px;
  right:12px;
  border:0;
  background:transparent;
  color:#aaa;
  font-size:30px;
  cursor:pointer;
}
.modal-close:hover{color:#ff2020}