:root {--primary-color: #0056b3;--secondary-color: #ffc107;--dark-color: #002147;--light-color: #f8f9fa;--success-color: #28a745;--danger-color: #dc3545;--text-color: #333;--text-light: #6c757d;--border-radius: 8px;--box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);--transition: all 0.3s ease;}.qualification-item:before {color: #000 !important;}.qualification-group {margin-bottom: 25px;padding-left: 15px;border-left: 3px solid #3498db;}.qualification-title {font-weight: bold;color: #2c3e50;margin-bottom: 10px;font-size: 16px;}.qualification-item {margin-bottom: 8px;position: relative;padding-left: 0px;}.qualification-label {font-weight: bold;display: inline-block;min-width: 150px;}.divider {border-top: 1px dashed #e0e0e0;margin: 25px 0;}* {margin: 0;padding: 0;box-sizing: border-box;}body {font-family: 'Poppins', sans-serif;background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);color: var(--text-color);min-height: 100vh;display: flex;justify-content: center;align-items: center;padding: 20px;}.login-container {display: flex;max-width: 1200px;width: 100%;background: white;border-radius: var(--border-radius);overflow: hidden;box-shadow: var(--box-shadow);}.university-branding {flex: 1;background: linear-gradient(135deg, var(--dark-color) 0%, var(--primary-color) 100%);color: white;padding: 50px;display: flex;flex-direction: column;justify-content: center;align-items: center;text-align: center;}.logo-container {width: 420px;height: 120px;background: white;border-radius: 10px;display: flex;justify-content: center;align-items: center;margin-bottom: 30px;box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);}.university-logo {width: 400px;height: auto;}.university-name {font-size: 2.2rem;font-weight: 700;margin-bottom: 10px;color: var(--secondary-color);}.portal-title {font-size: 1.5rem;font-weight: 400;margin-bottom: 0px;opacity: 0.9;}.features-list {width: 100%;margin-top: 40px;}.feature-item {display: flex;align-items: center;margin-bottom: 20px;padding: 15px 20px;background: rgba(255, 255, 255, 0.1);border-radius: var(--border-radius);transition: var(--transition);}.feature-item:hover {background: rgba(255, 255, 255, 0.2);transform: translateX(5px);}.feature-item i {font-size: 1.5rem;margin-right: 15px;color: var(--secondary-color);}.feature-item span {font-size: 1.2rem;font-weight: 500;}.login-form-container {flex: 1;padding: 20px 50px;display: flex;flex-direction: column;}.form-header {margin-bottom: 10px;margin-top: 10px;text-align: center;}.form-header h2 {font-size: 1.5rem;color: var(--dark-color);margin-bottom: 10px;font-weight: 700;}.form-header p {color: var(--text-light);font-size: 1rem;}.login-form {flex: 1;display: flex;flex-direction: column;}.form-group {margin-bottom: 15px;}.form-group label {display: block;margin-bottom: 8px;font-weight: 500;color: var(--dark-color);font-size: 1rem;}.input-with-icon {position: relative;}.input-with-icon i {position: absolute;left: 15px;top: 50%;transform: translateY(-50%);color: var(--text-light);font-size: 1rem;}.input-with-icon input {width: 100%;padding:10px 15px 10px 45px;border: 1px solid #ddd;border-radius: var(--border-radius);font-size: 1rem;transition: var(--transition);}.form-select {width: 100%;padding: 12px 15px 12px 15px;border: 1px solid #ddd;border-radius: var(--border-radius);font-size: 1rem;transition: var(--transition);}.input-with-icon input:focus {border-color: var(--primary-color);box-shadow: 0 0 0 3px rgba(0, 86, 179, 0.1);outline: none;}.toggle-password {position: absolute;right: 40px;top: 50%;transform: translateY(-50%);background: none;border: none;color: var(--text-light);cursor: pointer;font-size: 1rem;}.captcha-container {display: flex;gap: 10px;}.captcha-image-container {display: flex;align-items: center;gap: 10px;}.captcha-image {height: 45px;border-radius: var(--border-radius);border: 1px solid #ddd;}.refresh-captcha {background: none;border: none;color: var(--primary-color);font-size: 1.2rem;cursor: pointer;transition: var(--transition);}.refresh-captcha:hover {color: var(--dark-color);transform: rotate(180deg);}.login-button {background: var(--primary-color);color: white;border: none;padding: 14px;border-radius: var(--border-radius);font-size: 1rem;font-weight: 600;cursor: pointer;transition: var(--transition);margin-top: 10px;display: flex;align-items: center;justify-content: center;gap: 10px;}.login-button:hover {background: var(--dark-color);transform: translateY(-2px);box-shadow: 0 5px 15px rgba(0, 86, 179, 0.2);}.login-button i {font-size: 1rem;}.form-footer {display: flex;justify-content: space-between;margin-top: 25px;font-size: 1.2rem;}.forgot-password {color: var(--primary-color);text-decoration: none;transition: var(--transition);}.forgot-password:hover {color: var(--dark-color);text-decoration: underline;}.register-link {color: var(--text-color);text-decoration: none;font-weight: 500;display: flex;align-items: center;gap: 5px;transition: var(--transition);}.register-link:hover {color: var(--primary-color);}.register-link i {font-size: 0.8rem;}.login-footer {margin-top: 40px;text-align: center;color: var(--text-light);font-size: 0.85rem;}.social-links {display: flex;justify-content: center;gap: 15px;margin-top: 15px;}.social-links a {color: var(--text-light);width: 35px;height: 35px;border-radius: 50%;display: flex;align-items: center;justify-content: center;transition: var(--transition);}.social-links a:hover {background: var(--light-color);color: var(--primary-color);}@media (max-width: 992px) {.login-container {flex-direction: column;}.university-branding {padding: 40px 30px;}.login-form-container {padding: 40px 30px;}}@media (max-width: 576px) {.captcha-container {flex-direction: column;}.form-footer {flex-direction: column;gap: 10px;align-items: center;}.university-name {font-size: 1.8rem;}.portal-title {font-size: 1.2rem;}}.form-row {display: flex;gap: 15px;}.form-row .form-group {flex: 1;}.terms-check {display: flex;align-items: center;margin: 10px 0;}.terms-check input {margin-right: 10px;}@media (max-width: 992px) {.login-container {flex-direction: column;}.university-branding {padding: 40px 30px;}.login-form-container {padding: 40px 30px;}}@media (max-width: 768px) {.form-row {flex-direction: column;gap: 0;}}@media (max-width: 576px) {.form-footer {flex-direction: column;gap: 10px;align-items: center;}.university-name {font-size: 1.8rem;}.portal-title {font-size: 1.2rem;}}.step {display: none;animation: fadeIn 0.5s ease-in-out;}@keyframes fadeIn {from { opacity: 0; transform: translateY(10px); }to { opacity: 1; transform: translateY(0); }}.step.active { display: block; }.top-nav {background-color: white;border-radius: 0.5rem;box-shadow: 0 2px 10px rgba(0,0,0,0.1);overflow: hidden;}.nav-step-item {position: relative;padding: 1rem 1.5rem;color: #6c757d;font-weight: 500;text-align: center;flex-grow: 1;border-right: 1px solid #e9ecef;}.nav-step-item:last-child { border-right: none; }.nav-step-item.active {color: var(--primary-color);background-color: rgba(0, 64, 128, 0.05);}.nav-step-item.completed {color: var(--success-color);}.nav-step-item .step-number {display: inline-block;width: 28px;height: 28px;line-height: 28px;border-radius: 50%;background-color: #e9ecef;color: #6c757d;margin-right: 8px;text-align: center;}.nav-step-item.active .step-number,.nav-step-item.completed .step-number {background-color: var(--primary-color);color: white;}.nav-step-item.completed .step-number {background-color: var(--success-color);}.form-container {background: white;padding: 2.5rem;border-radius: 0.5rem;box-shadow: 0 4px 12px rgba(0,0,0,0.05);margin-bottom: 2rem;}.form-section-title {font-size: 1.5rem;margin-bottom: 1.5rem;font-weight: 600;color: var(--primary-color);border-bottom: 2px solid var(--secondary-color);padding-bottom: 0.5rem;}.form-subtitle {font-size: 1.1rem;color: #495057;margin-bottom: 1.5rem;font-weight: bolder;}.form-step-buttons {display: flex;justify-content: space-between;margin-top: 2rem;padding-top: 1.5rem;border-top: 1px solid #e9ecef;}.btn-mats-primary {background-color: var(--primary-color);border-color: var(--primary-color);color: white;}.form-label{font-weight: bolder;}.btn-mats-primary:hover {background-color: var(--secondary-color);border-color: var(--secondary-color);}.form-control:focus {border-color: var(--secondary-color);box-shadow: 0 0 0 0.25rem rgba(0, 114, 227, 0.25);}.required-field::after {content: " *";color: var(--danger-color);}.help-text {font-size: 0.85rem;color: #6c757d;margin-top: 0.25rem;}.upload-area {border: 2px dashed #dee2e6;border-radius: 0.5rem;padding: 1.5rem;text-align: center;cursor: pointer;transition: all 0.3s;}.upload-area:hover {border-color: var(--secondary-color);background-color: rgba(0, 114, 227, 0.05);}.upload-icon {font-size: 2.5rem;color: var(--secondary-color);margin-bottom: 1rem;}.file-preview {margin-top: 1rem;}@media (max-width: 768px) {.nav-step-item {padding: 0.75rem 0.5rem;font-size: 0.85rem;}.nav-step-item .step-text {display: none;}.form-container {padding: 1.5rem;}}.progress-container {width: 100%;margin-top: 1rem;}.progress {height: 8px;background-color: #e9ecef;}.progress-bar {background-color: #004080;transition: width 0.3s ease;}.nav-step-item.active {color: #ffffff;background-color: rgb(0 126 255);}@media handheld, only screen and (max-width: 768px) {.form-header h2 {font-size: 2rem;}}.alert.alert-info{border-left: #055160 solid 4px;}.summary-card2 {background: rgba(255, 255, 255, 0.95);backdrop-filter: blur(10px);border-radius: 16px;padding: 10px 2rem;box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);border: 1px solid rgba(255, 255, 255, 0.2);transition: all 0.3s ease;position: relative;overflow: hidden;}.modern-tabs {border-bottom: none;display: flex;justify-content: center;margin-bottom: 0px;position: relative;flex-wrap: unset;}.modern-tabs .nav-item {margin: 0 10px;}.modern-tabs .nav-link {font-size: 16px;font-weight: 500;color: #6c757d;background: transparent;border: none;padding: 12px 15px;position: relative;transition: all 0.3s ease;border-radius: 5px;}.modern-tabs .nav-link:hover {color: #0d6efd;background: rgba(13, 110, 253, 0.05);}.modern-tabs .nav-link.active {color: #0d6efd;font-weight: 600;}.modern-tabs .nav-link.active::after {content: '';position: absolute;bottom: 0;left: 20%;width: 60%;height: 3px;background-color: #0d6efd;border-radius: 3px;animation: slide-in 0.3s ease;}@keyframes slide-in {from { width: 0; opacity: 0; }to { width: 60%; opacity: 1; }}.modern-tabs .nav-link::after {content: '';position: absolute;bottom: 0;left: 20%;width: 60%;height: 3px;background-color: #ccc;border-radius: 3px;animation: slide-in 0.3s ease;}@media handheld, only screen and (max-width: 767px) {.sidebar-menu li a {font-size: 13px;}.top-nav-select {margin-left: 15px;margin-top: 10px;}.header .header-left {position: unset;width: 100%;padding: 0px 50px;}.universitySelect {padding: 8px !important;}.form-control {font-size: 12px;}.mat-uni{display:none;}.page-wrapper {padding-top: 115px;}.page-wrapper2 {padding-top: 70px;}.form-header h2 {font-size: 1.6rem;}.input-with-icon input {font-size: .9rem;}.form-select {font-size: .8rem;}.header {height: auto;}.logo-container {width: 100%;}.university-logo {width: 100%;height: auto;}.feature-item span {font-size: 1rem;}.login-form-container {padding: 15px;}.dfles-sel {display: unset !important;}.style_logo img {width: 100% !important;}.input-with-icon i {top: 20px;}.input-with-icon {display: grid !important;}i.far.fa-eye {top: 10px;}.log-eye i{top: 0px !important;}body {margin: 0 !important;padding: 0;}.form-container {padding: 20px !important;}.form-section-title {font-size: 15pt !important;margin-top: 0px;}.form-value {padding-left: 0 !important;}.qualification-label {min-width: 100% !important;}#seven .card {padding: 0 !important;}.col-md-6 {width: 100% !important;}#seven .card-title {margin: 0 0 15px;}.user-menu {margin-top: -60px;}}@media screen and (max-width: 480px) {.modern-tabs {flex-wrap: wrap;}}