* { margin:0; padding:0; box-sizing:border-box; }
    html, body { height:100%; }
    body {
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
      background-color: #152C58;
      color: #FFF;
      display: flex;
      flex-direction: column;
      padding-top: env(safe-area-inset-top);
      padding-bottom: env(safe-area-inset-bottom);
      touch-action: pan-x pan-y;
    }
    .app {
      flex: 1;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
    }
    header { height:44px; }
    main {
      flex:1;
      display:flex;
      align-items:center;
      justify-content:center;
    }
    .logo-text {
      font-size:2.5rem;
      font-weight:bold;
      text-transform:uppercase;
      letter-spacing:0.1em;
      text-align:center;
    }
    .actions {
      display:flex;
      flex-direction:column;
      align-items:center;
      gap:1rem;
      padding:0 1.5rem 2rem;
    }
    /* Convertimos el botón en un enlace para navigation */
    .btn-login {
      display:inline-block;
      width:100%;
      max-width:300px;
      padding:1rem;
      background-color:#2152EB;
      border:none;
      border-radius:999px;
      color:#FFF;
      font-size:1rem;
      text-align:center;
      text-decoration:none;
      cursor:pointer;
    }
    .register {
      font-size:0.875rem;
    }
    .register a {
      color:#4EA8FF;
      text-decoration:none;
      font-weight:500;
    }