:root {
   --success-green: #00c853;
   --yellow: #facc15;
   --text-light: #b0b0b0;
   --black: #000000;
 }

 .form-container {
   background-color: transparent;
 }

 .success-container {
   text-align: center;
   background-color: transparent;
   
   border-radius: 12px;
 }

 .success-icon {
   background-color: var(--success-green);
   border-radius: 50%;
   width: 80px;
   height: 80px;
   margin: 0 auto 20px;
   display: flex;
   align-items: center;
   justify-content: center;
 }

 .success-icon i {
   color: white;
   font-size: 36px;
 }

 .success-title {
   font-size: 1.8rem;
   font-weight: 700;
   margin-bottom: 10px;
 }

 .success-text {
   font-size: 1rem;
   color: var(--text-light);
   margin-bottom: 30px;
 }

 .success-btn {
   background-color: var(--yellow);
   color: var(--black);
   padding: 14px 32px;
   font-size: 1rem;
   font-weight: 600;
   border: none;
   border-radius: 12px;
   cursor: pointer;
   transition: background-color 0.3s ease, transform 0.2s ease;
 }

 .success-btn:hover {
   background-color: #ffdd33;
   transform: scale(1.05);
 }

 .right-panel {
   flex: 1;
   max-width: 500px;

   margin-right: 0;

 }