/* Simplified link page with three clear actions. */
.page{padding:36px 22px}
.panel{width:min(100%,570px);padding:46px 46px 40px;border-radius:25px;box-shadow:0 28px 90px rgba(0,0,0,.2)}
.brand-mark{width:46px;height:45px}.brand-mark img{width:69px;height:69px;left:-12px;top:-14px}.brand-name{font-size:29px;letter-spacing:-1.3px}
h1{max-width:440px;margin:43px auto 0;font-family:Manrope,'Segoe UI',sans-serif;font-size:clamp(34px,4.4vw,46px);font-weight:600;line-height:1.18;letter-spacing:-1.4px}
.intro{max-width:420px;margin:15px auto 0;font-size:16px;line-height:1.65}
.actions{gap:11px;margin-top:29px}
.button{min-height:57px;padding:15px 23px;font-family:Manrope,'Segoe UI',sans-serif;font-size:16px;font-weight:750;letter-spacing:-.2px;text-transform:none}
.button-telegram{background:#229ed9;border:1px solid #229ed9;color:#fff;gap:10px}
.button-info{background:#fff;border:1px solid #fff;color:#07101e}
.browser-note{margin:0 16px 3px;color:#7f8ca0;font-size:12.5px;line-height:1.55}
.browser-note strong{color:#c0cad8;font-size:17px;line-height:0}
@media(hover:hover){.button-telegram:hover{background:#32aae1;border-color:#32aae1}.button-info:hover{background:#eaf1fb;border-color:#eaf1fb}}
@media(max-width:600px){
  .page{padding:16px 13px}.panel{padding:31px 18px 27px;border-radius:20px}
  .brand-name{font-size:24px}.brand-mark{width:38px;height:38px}.brand-mark img{width:57px;height:57px;left:-10px;top:-11px}
  h1{margin-top:33px;font-size:clamp(30px,8.4vw,38px);line-height:1.2;letter-spacing:-1px}
  .intro{font-size:15px;margin-top:13px}.actions{margin-top:24px;gap:10px}
  .button{min-height:54px;font-size:15px;padding-inline:16px}
  .browser-note{margin:0 7px 4px;font-size:12px;line-height:1.5}
}

/* Stronger mobile hierarchy without adding visual noise. */
.brand-name{font-weight:800;color:#fff}
h1{font-weight:700;letter-spacing:-1.55px;color:#fff}
h1 span{color:#ff2d85}
.intro{color:#c2cad8;font-weight:500}
.button{font-size:16.5px;font-weight:800;letter-spacing:-.3px}
.browser-note{color:#98a4b6;font-weight:500}
.info-link{display:inline-flex;align-items:center;justify-content:center;gap:8px;margin-top:23px;min-height:38px;color:#d9e1ec;font-size:14px;font-weight:650;transition:color .25s,transform .3s cubic-bezier(.22,1,.36,1)}
.info-link span:last-child{font-size:18px;line-height:1;color:#7f9fc5}
@media(hover:hover){.info-link:hover{color:#fff;transform:translateX(2px)}}
@media(max-width:600px){
  .panel{padding:30px 18px 25px}
  h1{margin-top:30px;font-size:34px;font-weight:700;line-height:1.16;letter-spacing:-1.15px}
  .intro{max-width:280px;margin-top:14px;font-size:15.5px;line-height:1.55}
  .actions{margin-top:23px;gap:10px}
  .button{min-height:56px;font-size:16px;font-weight:800}
  .browser-note{max-width:300px;margin:1px auto 5px;font-size:12.5px;line-height:1.5}
  .info-link{margin-top:18px;font-size:13.5px}
}
@media(max-width:370px){
  .page{padding:12px}.panel{padding:27px 16px 22px}
  h1{font-size:31px}.intro{font-size:15px}.button{font-size:15.5px}
  .browser-note{font-size:12px}.info-link{font-size:13px}
}

/* Clearer white heading and stronger action labels. */
h1,h1 span{color:#fff}
.intro{color:#d7dee9;font-weight:650}
.button{font-weight:800;-webkit-text-stroke:.12px currentColor}
.browser-note{margin:1px 8px 3px;padding:10px 13px;border:1px solid #2a394f;border-radius:12px;background:#091220;color:#c3cedd;font-weight:600;line-height:1.5}
.info-link{display:flex;width:100%;margin-top:11px;min-height:57px;color:#07101e;font-size:16px;font-weight:800;transition:background .25s,border-color .25s}
.info-link span{font-size:inherit;color:inherit}
@media(hover:hover){.info-link:hover{color:#07101e;transform:none}}
@media(max-width:600px){
  .intro{font-weight:650}
  .button{font-weight:800;-webkit-text-stroke:.14px currentColor}
  .browser-note{max-width:none;margin:1px 3px 4px;padding:9px 11px;color:#cbd5e2;font-size:12.5px}
  .info-link{min-height:56px;margin-top:10px;font-size:15.5px}
}
@media(max-width:370px){.browser-note{font-size:12px}.info-link{font-size:15px}}

/* Plain helper copy and a quiet information link. */
.browser-note{margin:2px 10px 5px;padding:0;border:0;border-radius:0;background:transparent;color:#b8c3d2;font-weight:600;line-height:1.55}
.info-link{display:inline-flex;width:auto;min-height:38px;margin-top:18px;padding:6px 8px;border:0;background:transparent;color:#e0e7f0;font-size:14px;font-weight:700;-webkit-text-stroke:0;transition:color .25s}
@media(hover:hover){.info-link:hover{background:transparent;color:#fff;transform:none}}
@media(max-width:600px){
  .browser-note{max-width:300px;margin:2px auto 5px;padding:0;border:0;background:transparent;color:#bdc8d7;font-size:12.5px}
  .info-link{width:auto;min-height:36px;margin-top:16px;padding:5px 7px;font-size:13.5px}
}
@media(max-width:370px){.browser-note{font-size:12px}.info-link{font-size:13px}}