body {
        font-family: Cairo, sans-serif;
        background: #f0f2f5;
        margin: 0;
        padding: 0;
        line-height: 2;
        color: #333;
      }

      .main-header {
        background: #fff;
        height: 70px;
        display: flex;
        align-items: center;
        justify-content: center;
        position: sticky;
        top: 0;
        z-index: 1000;
        box-shadow: 0 2px 5px rgba(0, 0, 0, .1);
      }

      .logo {
        font-size: clamp(20px, 5vw, 30px);
        font-weight: 1000;
        line-height: 1;
        text-decoration: none;
        text-transform: uppercase;
      }

      .logo .kora-text {
        color: #111a2d;
      }

      .logo .blue {
        color: #12c96b;
      }

      .container {
        width: min(100% - 24px, 900px);
        margin: 30px auto;
        background: #fff;
        padding: 30px;
        border-radius: 15px;
      }

      h1 {
        color: #12c96b;
      }

      .back-btn {
        display: inline-block;
        margin-top: 30px;
        background: #12c96b;
        color: white;
        padding: 12px 22px;
        border-radius: 10px;
        text-decoration: none;
        font-weight: bold;
      }