body
{
   background-color: #FFFFFF;
   color: #0563C1;
   font-family: Arial;
   font-weight: normal;
   font-size: 19px;
   line-height: 1.1875;
   margin: 0;
   padding: 0;
}
#preloader
{
   background: #FFFFFF url("../images/loading.gif") no-repeat center center;
   bottom: 0;
   position: fixed;
   top: 0;
   width: 100%;
   z-index: 99999;
}
    body {
      margin: 0;
      padding: 0;
      font-family: system-ui, -apple-system, BlinkMacOS, "Segoe UI", Roboto, sans-serif;
      background-color: #f8f9fa;
      color: #1a1a1a;
      line-height: 1.6;
    }
    .container {
      max-width: 580px;
      margin: 60px auto 40px;
      padding: 0 20px;
    }
    .card {
      background: white;
      border-radius: 12px;
      box-shadow: 0 4px 20px rgba(0,0,0,0.08);
      padding: 44px 36px;
      text-align: center;
    }
    h1 {
      font-size: 1.9rem;
      margin: 0 0 1.2rem;
      color: #111;
    }
    .subtitle {
      font-size: 1.1rem;
      color: #555;
      margin: 0 0 2.5rem;
    }
    .icon {
      font-size: 4.8rem;
      margin-bottom: 1.5rem;
      line-height: 1;
    }
    .btn {
      display: inline-block;
      padding: 14px 32px;
      background: #0066cc;
      color: white;
      text-decoration: none;
      border-radius: 8px;
      font-size: 1.05rem;
      font-weight: 500;
      margin: 1.5rem 0 2rem;
      transition: background 0.2s;
    }
    .btn:hover {
      background: #0055b3;
    }
    .small {
      font-size: 0.92rem;
      color: #666;
      margin-top: 2.5rem;
      line-height: 1.5;
    }
    .small a {
      color: #0066cc;
      text-decoration: underline;
      text-underline-offset: 2px;
    }
    .small a:hover {
      color: #004080;
    }
    @media (max-width: 500px) {
      .card {
        padding: 32px 24px;
      }
      h1 {
        font-size: 1.65rem;
      }
      .icon {
        font-size: 4rem;
      }
    }