body{margin:0}
.wrapper{display:flex;align-items:center;flex-direction:column;height:100vh;min-height:-webkit-fill-available}
.logoImg{width:350px;margin-top:50px}
.infoContainer{height:100%;justify-content:center;align-items:center;display:flex;flex-direction:column}
.infoText{font-weight:300;line-height:24px;letter-spacing:0;font-family:'Roboto',sans-serif;margin-top:0;margin-bottom:60px;width:600px;font-size:16px;text-align:center}
.hrefButton{cursor:pointer;font-size:14px;font-weight:400;line-height:24px;letter-spacing:0;display:block;text-decoration:none;padding:8px 38px;font-family:'Roboto',sans-serif;color:#000;border:1px solid #000;border-radius:25px;margin-bottom:25px;box-sizing:border-box;transition:.3s ease}
.hrefButton:hover{padding:8px 48px;border:1px solid #00cc66}

/* Telegram Promo */
.telegramPromo{background:linear-gradient(135deg,#fff,#f4f9ff);border:1px solid #cde5ff;border-radius:20px;padding:25px;margin-top:40px;width:600px;max-width:90%;text-align:center;box-shadow:0 4px 12px rgba(0,136,204,.1);animation:fadeInUp .8s ease}
.promoTitle{font-size:20px;font-weight:500;color:#0088cc;margin-bottom:10px}
.promoText{font-size:15px;color:#333;line-height:1.6;margin-bottom:15px;font-family:'Roboto',sans-serif}
.promoText a{color:#0088cc;text-decoration:none;font-weight:500}
.highlight{color:#007aff;font-weight:600}
.promoButton{display:inline-block;background-color:#0088cc;color:#fff;padding:10px 30px;border-radius:25px;text-decoration:none;font-weight:500;transition:all .3s ease}
.promoButton:hover{background-color:#0077b5;transform:translateY(-3px)}

@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}

/* Адаптив */
@media only screen and (max-width:600px){
  .logoImg{width:200px}
  .infoText{margin-top:80px;width:300px}
  .wrapper{height:-webkit-fill-available}
  .telegramPromo{width:300px;padding:20px}
  .promoTitle{font-size:18px}
  .promoText{font-size:14px}
  .promoButton{padding:8px 24px;font-size:14px}
}