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


    .wrapper-notfound {
      position: relative;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      text-align: center;
      background: #4b4b9d;
      color: #fff;
      padding-bottom: 6rem;
    }

    /* big background 404 */
    .wrapper-notfound .bg-text {
      font-size: clamp(180px, 30vw, 380px);
      font-weight: 800;
      color: rgba(255,255,255,0.18);
      line-height: 1;
      user-select: none;
      letter-spacing: -10px;
    }

    /* center content overlaid */
    .wrapper-notfound .content {

      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 10px;
    }

    .wrapper-notfound .title {
      font-size: clamp(18px, 2.5vw, 26px);
      font-weight: 600;
      letter-spacing: -0.01em;
    }

    .wrapper-notfound .subtitle {
      font-size: clamp(13px, 1.5vw, 15px);
      font-weight: 400;
      opacity: 0.85;
    }

    .wrapper-notfound .btn {
      margin-top: 18px;
      display: inline-block;
      padding: 11px 36px;
      border: 2px solid rgba(255,255,255,0.8);
      border-radius: 100px;
      color: #fff;
      font-size: 13px;
      font-weight: 600;
      letter-spacing: 0.1em;
      text-transform: uppercase;
      text-decoration: none;
      transition: background 0.2s, color 0.2s;
    }
    .wrapper-notfound .btn:hover {
      background: #fff;
      color: #4b4b9d;
    }