* {margin: 0;padding: 0;box-sizing: border-box;}body {font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;height: 100vh;background: linear-gradient(135deg, var(--softfin-primary-color) 0%, var(--softfin-secondary-color) 100%);display: flex;align-items: center;justify-content: center;overflow: hidden;}.login-container {width: 100vw;height: 100vh;display: flex;box-shadow: none;}.left-section {flex: 2;background: linear-gradient(135deg, var(--softfin-primary-color) 0%, var(--softfin-secondary-color) 100%);position: relative;display: flex;flex-direction: column;justify-content: center;align-items: center;padding: 80px 60px;color: white;overflow: hidden;}.left-section::before {content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;background-image:radial-gradient(circle at 20% 80%, rgba(255, 255, 255, 0.1) 0%, transparent 50%),radial-gradient(circle at 80% 20%, rgba(255, 255, 255, 0.1) 0%, transparent 50%),radial-gradient(circle at 40% 40%, rgba(255, 255, 255, 0.05) 0%, transparent 50%);background-size: 400px 400px, 500px 500px, 300px 300px;animation: float 15s ease-in-out infinite;}@keyframes float {0%,100% {transform: translateY(0px) rotate(0deg);}50% {transform: translateY(-30px) rotate(3deg);}}.geometric-pattern {position: absolute;width: 100%;height: 100%;opacity: 0.08;background-image:linear-gradient(45deg, transparent 40%, rgba(255, 255, 255, 0.1) 50%, transparent 60%),linear-gradient(-45deg, transparent 40%, rgba(255, 255, 255, 0.1) 50%, transparent 60%);background-size: 80px 80px;animation: slide 15s linear infinite;}@keyframes slide {0% {transform: translateX(-80px);}100% {transform: translateX(80px);}}.welcome-content {z-index: 2;text-align: center;}.welcome-content h1 {font-size: 3.5rem;font-weight: 700;margin-bottom: 30px;text-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);line-height: 1.2;}.welcome-content p {font-size: 1.3rem;line-height: 1.7;opacity: 0.9;text-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);margin-bottom: 40px;}.feature-list {list-style: none;text-align: left;}.feature-list li {padding: 10px 0;font-size: 1.1rem;opacity: 0.8;position: relative;padding-left: 30px;}.feature-list li::before {content: '✓';position: absolute;left: 0;font-weight: bold;font-size: 1.2rem;}.right-section {flex: 1;display: flex;flex-direction: column;align-items: center;padding: 60px 50px;background: #ffffff;box-shadow: -10px 0 30px rgba(0, 0, 0, 0.1);overflow: auto;}.logo {font-size: 3.5rem;font-weight: bold;display: flex;align-items: center;justify-content: center;margin-bottom: 40px;position: relative;}.logo::after {content: "";position: absolute;top: 0;width: 5%;height: 100%;background: linear-gradient(90deg,transparent,rgba(255, 255, 255, 1),transparent);animation: shine 5s ease-in-out infinite;}@keyframes shine {0% {left: -10%;}50% {left: 120%;}100% {left: 120%;}}.logo span:nth-child(1) {color: var(--softfin-primary-color);}.logo span:nth-child(2) {color: var(--softfin-secondary-color)}.logo span:nth-child(3) {color: var(--softfin-primary-color);}.logo span:last-child {position: absolute;font-size: .75rem;bottom: -3px;right: -32px;color: #808080;}.login-form {width: 100%;max-width: 380px;}.form-header {text-align: center;margin-bottom: 45px;}.form-header h2 {color: var(--softfin-primary-color);font-size: 2.2rem;font-weight: 600;margin-bottom: 12px;}.form-header p {color: var(--softfin-primary-color);font-size: 1rem;}.form-group {margin-bottom: 28px;position: relative;}.form-group label {display: block;margin-bottom: 10px;color: var(--softfin-primary-color);font-weight: 500;font-size: 1rem;}.form-group input {width: 100%;padding: 8px;border: 1px solid #e2e8f0;border-radius: 8px;font-size: 1rem;transition: all 0.3s ease;background: #fafafa;}.form-group input:focus {outline: none;border-color: var(--softfin-secondary-color);box-shadow: 0 0 0 4px rgba(59, 130, 246, 0.1);background: white;}.form-group input::placeholder {color: #94a3b8;}#showPass {position: absolute;bottom: 10px;right: 8px;}#showPass span {width: 18px;height: 24px;}#showPass span i {font-size: 16px;}.login-button {width: 100%;padding: 8px;background: linear-gradient(135deg, var(--softfin-primary-color) 0%, var(--softfin-secondary-color) 100%);color: white;border: none;border-radius: 8px;font-size: 1.15rem;font-weight: 600;cursor: pointer;transition: all 0.3s ease;margin-bottom: 25px;position: relative;overflow: hidden;}.login-button::before {content: '';position: absolute;top: 0;left: -100%;width: 100%;height: 100%;background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);transition: left 0.6s;}.login-button:hover::before {left: 100%;}.login-button:hover {box-shadow: 0 4px 8px rgba(30, 58, 138, 0.4);}.login-button:active {transform: translateY(-1px);}@keyframes spinner-border {to {transform: rotate(360deg)}}.spinner-border {display: inline-block;width: 2rem;height: 2rem;vertical-align: -.125em;border: .25em solid currentColor;border-right-color: transparent;border-radius: 50%;animation: .75s linear infinite spinner-border;}.spinner-border-sm {width: 1rem;height: 1rem;border-width: .2em;}.forgot-password {text-align: center;}.forgot-password a {color: var(--softfin-primary-color);text-decoration: none;font-size: 1rem;font-weight: 500;transition: color 0.3s ease;}.forgot-password a:hover {color: var(--softfin-secondary-color);text-decoration: underline;}.footer-container {position: absolute;width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;bottom: 5px;padding: 0 20px;}.footer-developedBy {color: var(--softfin-primary-color);display: flex;font-size: .75rem;column-gap: 0.25rem}.footer-developedBy div {padding-top: 5px}.footer-copyright {color: white;display: flex;flex-wrap: wrap;font-size: .75rem;padding-top: 5px;column-gap: 0.25rem;}.footer-copyright sup {margin-top: 14px;font-size: 16px;}.footer-copyright a {text-decoration: none;font-weight: bold;}.footer-copyright a:hover {color: white;text-decoration: underline;}.marquee-section {position: relative;top: 0;left: 0;min-height: 20px;}.marquee-section, .marquee-section * {overflow: hidden;}.marquee {white-space: nowrap;color: #ffc107;}.marquee-div {position: absolute;animation: move-right-to-left linear 30s infinite;}@keyframes move-left-to-right {from {transform: translateX(-50%);}to {transform: translateX(0);}}@keyframes move-right-to-left {from {transform: translateX(45%);}to {transform: translateX(-100%);}}@media (max-width: 1536px) {.left-section {flex: 1.4;}.welcome-content h1 {font-size: 2.5rem;}.welcome-content p {font-size: 1.1rem;}.feature-list li {padding-left: 25px;}.right-section {padding: 30px 25px;}.logo {font-size: 3.2rem;margin-bottom: 30px;}.form-header {margin-bottom: 35px;}.form-header h2 {font-size: 2rem;}}@media (max-width: 1280px) {}@media (max-width: 1024px) {.left-section {flex: 1.3;padding: 40px 30px;}.welcome-content h1 {font-size: 2.2rem;margin-bottom: 20px;}.welcome-content p {font-size: 1rem;line-height: 1.5;margin-bottom: 20px;}.feature-list li {font-size: 1rem;padding-left: 20px;}.logo {font-size: 2.8rem;margin-bottom: 25px;}.logo span:nth-child(3) {font-size: .65rem;}.form-header {margin-bottom: 25px;}.form-header h2 {font-size: 1.8rem;}.form-group {margin-bottom: 20px;}.form-group label {margin-bottom: 6px;}.form-group input {padding: 6px;border-radius: 6px;}#showPass {bottom: 8px;}.login-button {border-radius: 6px;margin-bottom: 20px;}}@media (max-width: 768px) {.login-container {flex-direction: column;overflow-x: hidden;overflow-y: scroll;height: 100%;width: 100%;}.left-section {order: 2;flex: none;padding: 60px 30px;margin-bottom: 50px;}.right-section {order: 1;flex: none;padding: 60px 30px;}.footer-copyright {color: white;}}@media (max-width: 640px) {}