.welcome-section {
     min-height: 100vh;
     display: flex;
     align-items: flex-start;
     justify-content: center;
     background: #F7F9FC;
     padding: 60px 20px 40px;
 }
 
 .welcome-container {
     max-width: 1200px;
     width: 100%;
     margin: 0 auto;
 }
 
 .welcome-header {
     text-align: center;
     margin-bottom: 50px;
 }
 
 .welcome-title {
     font-size: 3.5rem;
     font-weight: 700;
     color: #222222;
     margin-bottom: 10px;
 }
 
 .welcome-subtitle {
     font-size: 1.125rem;
     color: #222222;
     font-weight: 400;
     margin-bottom: 15px;
 }
 
 .cards-wrapper {
     display: grid;
     grid-template-columns: repeat(2, 1fr);
     gap: 30px;
     align-items: stretch;
     position: relative;
 }
 
 .or-divider {
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
     background: #e2e8f0;
     color: #555555;
     width: 60px;
     height: 60px;
     border-radius: 50%;
     display: flex;
     align-items: center;
     justify-content: center;
     font-weight: 600;
     font-size: 1.125rem;
     z-index: 10;
     box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
 }
 
 .option-card {
     background: white;
     border-radius: 16px;
     padding: 50px 40px;
     text-align: center;
     box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
     transition: all 0.3s ease;
     display: flex;
     flex-direction: column;
     align-items: center;
     justify-content: center;
     min-height: 400px;
     max-width: 450px;
     margin: 0 auto;
 }
 
 .option-card:hover {
     transform: translateY(-5px);
     box-shadow: 0 15px 35px rgba(0, 0, 0, 0.15);
 }
 
 .card-icon {
     font-size: 5rem;
     margin-bottom: 25px;
     line-height: 1;
 }
 
 .card-title {
     font-size: 1.75rem;
     font-weight: 700;
     color: #222222;
     margin-bottom: 15px;
 }
 
 .card-description {
     font-size: 1rem;
     color: #555555;
     margin-bottom: 30px;
     line-height: 1.6;
 }
 
 .card-button {
     padding: 14px 40px;
     font-size: 1.125rem;
     font-weight: 600;
     border-radius: 8px;
     border: none;
     cursor: pointer;
     transition: all 0.3s ease;
     text-decoration: none;
     display: inline-block;
 }
 
 .back-link {
     text-align: center;
     margin-top: 40px;
 }
 
 .back-link a {
     color: #222222;
     text-decoration: none;
     font-size: 1rem;
     transition: color 0.3s ease;
 }
 
 .back-link a:hover {
     color: #222222;
 }
 /* Tablet Responsive (≤991px) */
 
 @media (max-width: 991px) {
     .welcome-title {
         font-size: 3rem;
     }
     .option-card {
         padding: 40px 30px;
         min-height: 380px;
     }
     .card-icon {
         font-size: 4.5rem;
     }
     .card-title {
         font-size: 1.625rem;
     }
 }
 /* Mobile Landscape (≤767px) */
 
 @media (max-width: 767px) {
     .welcome-section {
         padding: 30px 15px;
     }
     .welcome-title {
         font-size: 2.5rem;
         margin-bottom: 10px;
     }
     .welcome-subtitle {
         font-size: 1rem;
     }
     .welcome-header {
         margin-bottom: 50px;
     }
     .cards-wrapper {
         grid-template-columns: 1fr;
         gap: 20px;
     }
     .or-divider {
         width: 50px;
         height: 50px;
         font-size: 1rem;
         top: 50%;
         left: 50%;
     }
     .option-card {
         padding: 35px 25px;
         min-height: 350px;
     }
     .card-icon {
         font-size: 4rem;
         margin-bottom: 20px;
     }
     .card-title {
         font-size: 1.5rem;
     }
     .card-description {
         font-size: 0.95rem;
         margin-bottom: 25px;
     }
     .card-button {
         padding: 12px 35px;
         font-size: 1rem;
     }
 }
 /* Small Mobile (≤575px) */
 
 @media (max-width: 575px) {
     .welcome-section {
         padding: 20px 10px;
     }
     .welcome-title {
         font-size: 2rem;
     }
     .welcome-subtitle {
         font-size: 0.95rem;
     }
     .option-card {
         padding: 30px 20px;
         min-height: 320px;
     }
     .card-icon {
         font-size: 3.5rem;
         margin-bottom: 18px;
     }
     .card-title {
         font-size: 1.375rem;
     }
     .card-description {
         font-size: 0.9rem;
         margin-bottom: 20px;
     }
     .card-button {
         padding: 11px 30px;
         font-size: 0.95rem;
         width: 100%;
     }
     .or-divider {
         width: 45px;
         height: 45px;
         font-size: 0.95rem;
     }
     .back-link {
         margin-top: 30px;
     }
     .back-link a {
         font-size: 0.95rem;
     }
 }
 /* Extra Small Mobile (≤375px) */
 
 @media (max-width: 375px) {
     .welcome-title {
         font-size: 1.75rem;
     }
     .welcome-subtitle {
         font-size: 0.9rem;
     }
     .option-card {
         padding: 25px 15px;
         min-height: 300px;
     }
     .card-icon {
         font-size: 3rem;
         margin-bottom: 15px;
     }
     .card-title {
         font-size: 1.25rem;
         margin-bottom: 12px;
     }
     .card-description {
         font-size: 0.85rem;
         margin-bottom: 18px;
     }
     .card-button {
         padding: 10px 25px;
         font-size: 0.9rem;
     }
     .or-divider {
         width: 40px;
         height: 40px;
         font-size: 0.9rem;
     }
 }