.err-wrap{
      padding: 90px 0;
      text-align: center;
    }
    .err-card{
      max-width: 820px;
      margin: 0 auto;
      background: #fff;
      border: 1px solid rgba(0,0,0,.08);
      border-radius: 18px;
      padding: 34px 22px;
      box-shadow: 0 20px 55px rgba(0,0,0,.06);
    }
    .err-404{
      font-weight: 900;
      font-size: clamp(64px, 11vw, 140px);
      line-height: 1;
      color: #08275B;
      letter-spacing: -2px;
      margin: 10px 0 10px;
    }
    .err-title{
      font-size: clamp(18px, 3vw, 28px);
      font-weight: 900;
      color: #111827;
      margin: 0 0 10px;
    }
    .err-text{
      color: #6b7280;
      font-size: 15px;
      line-height: 1.6;
      margin: 0 auto 22px;
      max-width: 560px;
    }
    .err-actions{
      display: flex;
      gap: 10px;
      justify-content: center;
      flex-wrap: wrap;
      margin-top: 10px;
    }
    .btnx{
      display: inline-flex;
      align-items: center;
      gap: 8px;
      padding: 11px 16px;
      border-radius: 12px;
      font-weight: 900;
      text-decoration: none;
      transition: .15s ease-in-out;
    }
    .btnx-primary{
      background: #08275B;
      color: #fff;
    }
    .btnx-primary:hover{ filter: brightness(1.05); }
    .btnx-ghost{
      background: #f3f4f6;
      color: #111827;
    }
    .btnx-ghost:hover{ background:#eaecef; }
    .err-svg{
      width: min(260px, 70%);
      margin: 0 auto 10px;
      display:block;
    }
    .err-mini{
      margin-top: 14px;
      font-size: 12px;
      color: #9ca3af;
    }