.main-auth {
          display: flex;
          align-items: center;
          justify-content: center;
          background: #f5f5fa;
          padding-top: 70px;
          padding-bottom: 70px;

      }

      .auth-card {
          display: flex;
          width: 900px;
          min-height: 500px;
          background: #fff;
          border-radius: 26px;
          overflow: hidden;
          box-shadow: 0 12px 32px rgba(159, 112, 253, 0.09);
          position: relative;
      }

      .auth-left {
          position: relative;
          z-index: 2;
          flex: 1.3;
          padding: 58px 38px 58px 48px;
          background: linear-gradient(135deg, #5a32a3 0%, #9F70FD 100%);
          color: #fff;
          display: flex;
          flex-direction: column;
          align-items: flex-start;
          justify-content: center;
          min-width: 280px;
      }

      .auth-left h2 {
          font-weight: 700;
          font-size: 1.7rem;
          margin-bottom: 18px;
          letter-spacing: 1.2px;
      }

      .auth-left p {
          font-size: 1rem;
          font-weight: 300;
          opacity: 0.93;
      }

      .auth-svg {
          position: absolute;
          top: 0;
          right: -1px;
          bottom: 0;
          width: 148px;
          height: 100%;
          z-index: 3;
          pointer-events: none;
          background: transparent;
      }

      .auth-form-section {
          flex: 2;
          padding: 60px 54px 60px 74px;
          display: flex;
          flex-direction: column;
          justify-content: center;
          background: #fff;
          z-index: 2;
      }

      .register-title {
          font-size: 1.45rem;
          font-weight: 600;
          color: #333;
          margin-bottom: 22px;
          margin-top: 6px;
      }

      .form-control {
          border-radius: 7px;
          border-color: #e2e2e2;
          font-size: 0.9rem;
          margin-bottom: 15px;
          padding: 8px 16px;
      }

      .form-control:focus {
          border-color: #9F70FD;
          box-shadow: none;
      }

      .register-btn {
          background: #9F70FD;
          color: #fff;
          border-radius: 6px;
          font-weight: 500;
          width: 100%;
          font-size: 1.1rem;
          margin: 15px 0 0 0;
          padding: 8px 0;
          border: 0;
      }

      .register-btn:hover {
          background: #5a32a3;
      }

      .login-footer {
          text-align: center;
          margin-top: 22px;
          width: 100%;
          font-size: 1rem;
      }

      .login-footer a {
          color: #333;
          background-color: transparent;
          font-weight: 600;
          border: none;
          margin-left: 4px;
          text-decoration: none;
      }

      .login-footer button:hover {
          color: #9F70FD;
      }

      .form-check-label {
          font-size: 0.98rem;
          color: #444;
          margin-left: 6px;
      }

      .consent-link {
          color: #9F70FD;
          text-decoration: none;
          font-weight: 500;
      }

      .consent-link:hover {
          text-decoration: underline;
      }

      @media (max-width: 900px) {
          .auth-card {
              flex-direction: column;
              width: 97vw;
              min-width: 0;
          }

          .auth-left,
          .auth-form-section {
              padding: 36px 17px;
          }

          .auth-left {
              flex: none;
              min-height: 160px;
              border-radius: 0;
          }

          .auth-svg {
              display: none;
          }

          .auth-form-section {
              padding-left: 17px;
          }
      }

      @media (max-width: 575px) {
          .auth-card {
              margin: 8px;
              box-shadow: 0 8px 24px rgba(159, 112, 253, 0.14);
          }

          .auth-left h2 {
              font-size: 1.1rem;
          }

          .auth-left p {
              font-size: 0.94rem;
          }

          .register-title {
              font-size: 1.03rem;
          }
      }