body {
      margin: 0;
      min-height: 100vh;
      display: flex;
      align-items: center;
      justify-content: center;
      font-family: system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
      background: #557799;
      color: #557799;
      background-image: url(background.jpg);
      background-attachment: fixed;
      background-repeat: no-repeat;
      background-position-x: 50%;
      background-position-y: top;
    }

    .container {
      text-align: center;
      padding: 2.5rem 3rem;
      max-width: 520px;
      background: #EEE;
      border-radius: 14px;
      border: 1px solid #334455;
      box-shadow: 0 10px 30px rgba(0, 0, 0, 0.35);
    }

    .logo {
      width: 197px;
      height: 55px;
      margin: 0 auto 2rem;
    }

    .logo img {
      width: 100%;
      height: 100%;
      object-fit: contain;
      display: block;
    }

    h1 {
      font-size: 4.5rem;
      margin: 0;
      font-weight: 700;
      letter-spacing: -0.05em;
      animation-name: effet;
      animation-duration: 6s;
      animation-iteration-count: 4;
    }
    @keyframes effet {
	0% { text-shadow: 0px 0px 5px #D0D0D0;}
	40% { text-shadow: 0px 0px 5px #D0D0D0;}
	50% { text-shadow: 0px 0px 20px #557799;}
	52% { text-shadow: 0px 0px 0px #557799;}
	54% { text-shadow: 0px 0px 20px #557799;}
	60% { text-shadow: 0px 0px 5px #D0D0D0;}
	100% { text-shadow: 0px 0px 5px #D0D0D0;}
    }
		
    .subtitle {
      margin-top: -0.5rem;
      margin-bottom: 3rem;
      font-size: 1.5rem;
      font-weight: 500;
      color: #557799;
    }

    p {
      margin: 1.6rem 0 0;
      color: #334455;
      line-height: 1.6;
      font-size: 0.95rem;
    }