:root {
      --sky: #9FD1FC;
      --silver: #A7B9C9;
      --slate: #748696;
      --steel: #394F63;
      --midnight: #132433;
      --white: #ffffff;
      --background: #f7f9fb;
    }

    * {
      margin: 0;
      padding: 0;
      box-sizing: border-box;
    }

    body {
	
	
	
	
      font-family: 'Montserrat', sans-serif;
      color: var(--midnight);
      background: linear-gradient(135deg, var(--silver) 0%, rgba(159, 209, 252, 0.72) 48%, var(--steel) 100%);
      min-height: 100vh;
      display: flex;
      flex-direction: column;
    }

    /* HEADER */

    header {
      width: 100%;
      padding: 28px 6%;
      display: flex;
      align-items: center;
      justify-content: center;
      background: linear-gradient(90deg, var(--steel), var(--midnight));
    }

    .logo {
      width: 360px;

      max-width: 70%;



      height: auto;
      display: block;
    }

    /* MAIN */

    main {
      flex: 1;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 80px 24px 110px;
      text-align: center;
      background: radial-gradient(ellipse at 50% 42%, rgba(159, 209, 252, 0.5), rgba(167, 185, 201, 0.38) 46%, rgba(57, 79, 99, 0.14) 100%);
    }

    .content {
      width: 100%;
      max-width: 780px;
      animation: fadeIn 1.2s ease both;
    }

    .status {
      display: inline-flex;
      align-items: center;
      gap: 10px;
      padding: 10px 17px;
      border: 1px solid #e5edf4;
      border-radius: 50px;
      color: var(--steel);
      background: linear-gradient(120deg, rgba(159, 209, 252, 0.55), rgba(167, 185, 201, 0.48));
      font-size: 11px;
      font-weight: 600;
      letter-spacing: 2px;
      text-transform: uppercase;
      margin-bottom: 30px;
    }

    h1 {
      font-size: clamp(34px, 5vw, 58px);
      font-weight: 700;
      line-height: 1.2;
      letter-spacing: -2px;
      margin-bottom: 12px;
    }

    h1 span {
      color: var(--steel);
    }

    .company {
      font-size: 15px;
      font-weight: 500;
      color: var(--slate);
      margin-bottom: 30px;
    }

    .description {
      max-width: 570px;
      margin: 0 auto;
      font-size: 15px;
      line-height: 1.9;
      color: var(--slate);
      font-weight: 400;
    }

    /* CONTACT */

    .contact {
      margin-top: 48px;
    }

    .contact-label {
      display: block;
      font-size: 10px;
      font-weight: 600;
      color: var(--slate);
      text-transform: uppercase;
      letter-spacing: 3px;
      margin-bottom: 13px;
    }

    .contact a {
      display: inline-block;
      padding: 16px 27px;
      border-radius: 6px;
      background: var(--midnight);
      color: var(--white);
      text-decoration: none;
      font-size: 14px;
      font-weight: 600;
      transition: background 0.25s, transform 0.25s;
    }

    .contact a:hover {
      background: var(--steel);
      transform: translateY(-2px);
    }

    /* FOOTER */

    footer {
      padding: 8px 6%;
      border-top: 1px solid rgba(167, 185, 201, 0.35);
      background: linear-gradient(90deg, var(--steel), var(--midnight));
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 20px;
    }

    footer p {
      color: rgba(255, 255, 255, 0.82);
      font-size: 11px;
      letter-spacing: 0.3px;
    }

    .footer-logo {
      width: auto;
      height: 72px;
      max-width: 180px;

      object-fit: contain;
      display: block;
    }

    /* ANIMATION */

    @keyframes fadeIn {
      from {
        opacity: 0;
        transform: translateY(18px);
      }
      to {
        opacity: 1;
        transform: translateY(0);
      }
    }

    /* MOBILE */

    @media (max-width: 650px) {
      header {
        padding: 22px 6%;
        justify-content: center;
      }

      .logo {
        width: 300px;
        max-width: 85%;
      }

      main {
        padding: 65px 22px 85px;
      }

      h1 {
        letter-spacing: -1.5px;
      }

      .description {
        font-size: 14px;
      }

      footer {
        flex-direction: column;
        text-align: center;
        padding: 8px 22px;
      }

      .footer-logo {
        height: 64px;
      }
    }

    @media (prefers-reduced-motion: reduce) {
      *, *::before, *::after {
        animation: none !important;
        transition: none !important;
      }
    }