.login-page { width: 100%; max-width: 520px; display: flex; flex-direction: column; gap: 20px; padding: 20px 0; }
.login-platform-info, .login__inner { width: 100%; max-width: 100%; box-sizing: border-box; }
.login-platform-info { display: flex; align-items: center; gap: 12px; position: relative; width: 100%; box-sizing: border-box; padding: 14px; border: 1px solid #eceff3; border-radius: 18px; background: #fff; }
.login-platform-info__icon { width: 46px; height: 46px; border-radius: 50%; border: 1px solid #ffd6d4; color: #e6342a; display: flex; align-items: center; justify-content: center; font-size: 22px; font-weight: 700; flex-shrink: 0; }
.login-platform-info__body { flex: 1; }
.login-platform-info__top { display: flex; align-items: center; gap: 0; margin-bottom: 4px; padding-right: 92px; }
.login-platform-info__title { margin: 0; font-size: 18px; font-weight: 700; line-height: 1.3; color: #1f2430; }
.login-platform-info__lang { position: absolute; top: 14px; right: 14px; height: 30px; border: 1px solid #eceff3; border-radius: 8px; padding: 0 28px 0 10px; background: #fff; font-size: 12px; color: #1f2430; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath fill='%238d95a6' d='M1.18.59 5 4.41 8.82.59 10 1.77 5 6 0 1.77z'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 10px center; flex-shrink: 0; }
.login-platform-info__text { margin: 26px 0 0 0; font-size: 14px; line-height: 1.4; color: #8d95a6; }
.login-platform-info__more { margin: 26px 0 0 0; color: #e6342a; text-decoration: none; font-weight: 600; white-space: nowrap; }
@media (max-width: 768px) {
  .login-page { padding: 20px 15px; }
  .login-platform-info { padding: 12px; }
  .login-platform-info__icon { width: 40px; height: 40px; font-size: 20px; }
  .login-platform-info__title { font-size: 16px; }
  .login-platform-info__text { font-size: 13px; }
}