label {
          font-weight: bold;
          margin-bottom: 5px;
          display: block;
      }

      textarea,
      select {
          width: 100%;
          padding: 10px;
          margin-bottom: 15px;
          font-size: 15px;
          border-radius: 5px;
          border: 1px solid #ccc;
      }

      textarea:focus,
      select:focus {
          border-color: #000a14;
          outline: none;
          box-shadow: 0 0 5px rgba(0, 29, 60, 0.4);
      }

      .output-box {
          margin-top: 20px;
          display: none;
      }

      .output-box textarea {
          background: #fafafa;
      }

      .stats {
          background: #f9f9f9;
          padding: 12px;
          border-radius: 6px;
          margin-top: 10px;
      }

      .stats p {
          margin: 5px 0;
          font-size: 14px;
      }

      .fields {
          display: flex;
          gap: 12px;
          padding: 20px;
      }

      .field {
          flex: 1;
      }

      label {
          font-size: 14px;
          margin-bottom: 6px;
          display: block;
          font-weight: bold;
      }

      input,
      select,
      textarea {
          padding: 10px;
          font-size: 16px;
          width: 100%;
          margin-top: 5px;
          box-sizing: border-box;
          border: 1px solid #ccc;
          border-radius: 5px;
      }

      input:focus,
      select:focus {
          border-color: #000a14;
          outline: none;
          box-shadow: 0 0 5px rgba(0, 29, 60, 0.5);
      }

      /* ✅ BUTTON CONTAINER */
      .btns {
          text-align: right;
          padding: 15px 0px;
      }

      /* ✅ YOUR BUTTON STYLE */
      .app {
          display: inline-flex;
          align-items: center;
          gap: 10px;
          padding: 12px 22px;
          border: none;
          border-radius: 4px;
          background: linear-gradient(135deg, #0a3d62, #07517d);
          color: #fff;
          font-weight: 600;
          font-size: 14px;
          cursor: pointer;
          position: relative;
          overflow: hidden;
          transition: all 0.35s ease;
          box-shadow: 0 6px 18px rgba(78, 78, 78, 0.25);
      }

      .app:hover {
          box-shadow: 0 10px 25px rgba(0, 0, 0, 0.35);
          background: linear-gradient(135deg, #07517d, #0a3d62);
      }

      .app .iconn {
          transition: 0.35s;
      }

      .app:hover .iconn {
          transform: translateX(6px);
      }

      .app:active {
          transform: scale(0.96);
      }

      .app::before {
          content: "";
          position: absolute;
          top: 0;
          left: -75%;
          width: 50%;
          height: 100%;
          background: rgba(255, 255, 255, 0.2);
          transform: skewX(-20deg);
          transition: 0.6s;
      }

      .app:hover::before {
          left: 120%;
      }