.error-wrapper {
      background: linear-gradient(145deg, #0b2236, #081b2c);
      ;
      padding: 48px;
      width: 100%;
      box-shadow: 0 0 0 1px rgba(255,255,255,0.05), 0 30px 80px rgba(0,0,0,.6);
    }

    .error-code {
      font-size: 96px;
      font-weight: 800;
      color: #35e1d6;
      line-height: 1;
    }

    .error-title {
      font-size: 32px;
      font-weight: 700;
      margin-bottom: 16px;
    }

    .error-text {
      color: #b9c7d6;
      max-width: 420px;
      margin-bottom: 24px;
    }

    .url-box {
      background: rgba(255,255,255,0.04);
      border-left: 4px solid #ff8a5c;
      padding: 12px 16px;
      border-radius: 6px;
      font-size: 14px;
      margin-bottom: 32px;
      color: #ffffff;
      word-break: break-all;
    }

    .btn-home {
      background: linear-gradient(135deg, #2fb7a8, #1f8f85);
      border: none;
      color: #fff;
      padding: 14px 28px;
      font-weight: 600;
      border-radius: 10px;
    }

    .btn-help {
      background: linear-gradient(135deg, #ff9b64, #ff7a45);
      border: none;
      color: #fff;
      padding: 14px 28px;
      font-weight: 600;
      border-radius: 10px;
    }

    .error-image {
      max-width: 360px;
      width: 100%;
      opacity: 0.9;
    }

    @media (max-width: 768px) {
      .error-wrapper {
        padding: 32px 24px;
      }

      .error-code {
        font-size: 72px;
      }

      .error-title {
        font-size: 26px;
      }
    }