@if (checkingServer()) {
  <div class="server-check-overlay">
    <div class="server-check-content">
      <div class="spinner-large"></div>
      <h2>Проверка соединения с сервером...</h2>
    </div>
  </div>
} @else if (!serverAvailable()) {
  <div class="server-error-overlay">
    <div class="server-error-content">
      <div class="error-icon">⚠️</div>
      <h1>Извините, возникла проблема</h1>
      <p>Не удается подключиться к серверу. Пожалуйста, проверьте подключение к интернету или попробуйте позже.</p>
      <button class="retry-btn" (click)="retryConnection()">Попробовать снова</button>
    </div>
  </div>
} @else { 
  <app-header></app-header>
  <main class="main-content">
    <router-outlet></router-outlet>
  </main>
  <app-footer></app-footer>
}