/* Токены темы */
:root{
  --color-primary:#FF3B3B; /* красный */
  --color-accent:#6495ED;  /* голубой */
  --text:#111; --muted:#666; --bg:#fff;
  --radius:10px; --shadow:0 6px 18px rgba(0,0,0,.08);
}

/* Кнопки */
.btn, .button, button[type="submit"]{
  display:inline-flex; align-items:center; justify-content:center;
  padding:12px 18px; border-radius:var(--radius); border:none;
  background:var(--color-primary); color:#fff; font-weight:600;
  box-shadow:var(--shadow); cursor:pointer;
  transition:transform .15s, box-shadow .15s, background .15s;
}
.btn:hover, .button:hover, button[type="submit"]:hover{
  transform:translateY(-1px); box-shadow:0 10px 22px rgba(0,0,0,.12);
}
.btn:active, .button:active, button[type="submit"]:active{
  transform:none; box-shadow:var(--shadow);
}
.btn--alt{ background:var(--color-accent); }

/* Ссылки */
a{ color:var(--color-accent); text-decoration:none }
a:hover{ text-decoration:underline }

/* Формы */
input, select, textarea{
  width:100%; padding:12px 14px; border-radius:var(--radius);
  border:1px solid #e8e8e8; outline:none;
  transition:border .15s, box-shadow .15s;
}
input:focus, select:focus, textarea:focus{
  border-color:var(--color-accent);
  box-shadow:0 0 0 4px rgba(100,149,237,.15);
}

/* Поле логина Telegram (@ + input) */
.contact-method__telegram-wrap { margin-top: 12px; }
.contact-method__telegram-label { display: block; margin-bottom: 6px; font-weight: 600; color: var(--text); }
.telegram-input-wrap {
  display: flex; align-items: center;
  width: 100%; padding: 0; border-radius: var(--radius);
  border: 1px solid #e8e8e8; background: #fff;
  transition: border .15s, box-shadow .15s;
}
.telegram-input-wrap:focus-within {
  border-color: var(--color-accent);
  box-shadow: 0 0 0 4px rgba(100,149,237,.15);
}
.telegram-at {
  padding: 12px 0 12px 14px; color: var(--muted); font-weight: 500; user-select: none;
}
.telegram-login-input {
  flex: 1; min-width: 0; border: none !important; box-shadow: none !important;
  padding: 12px 14px 12px 4px; margin: 0;
}

/* Мобилка */
@media (max-width:768px){
  .container{ padding-left:16px; padding-right:16px }
  h1{ font-size:28px; line-height:1.2 } h2{ font-size:22px }
  .btn, .button, button[type="submit"]{ width:100% }
}