* {margin: 0;padding: 0;box-sizing: border-box;}body {font-family: 'Poppins', sans-serif;background-color: #e8e8e8;min-height: 100vh;margin: 0;padding: 0;}.gap-2 {gap: 0.5rem;}.login-container {display: flex;width: 100vw;min-height: 100vh;border-radius: 0;box-shadow: none;overflow: hidden;gap: 0;}.left-section {flex: 1.2;background-color: #e8e8e8;display: flex;flex-direction: column;justify-content: center;align-items: center;padding: 4rem 3rem;min-height: 100vh;}.logo-section {text-align: center;}.gise-logo img {width: 650px;height: auto;margin-bottom: 2rem;}.gise-logo {font-size: 8rem;font-weight: 700;color: #032A5F;letter-spacing: -0.05em;margin-bottom: 2rem;line-height: 0.9;}.gise-logo .highlight {color: #faba63;}.institutional-text {text-align: center;color: #032A5F;}.institutional-title {font-size: 1.4rem;font-weight: 600;margin-bottom: 0.5rem;line-height: 1.3;}.institutional-subtitle {font-size: 1.1rem;font-weight: 400;line-height: 1.3;}.right-section {flex: 0.7;display: flex;flex-direction: column;justify-content: center;padding: 4rem 4rem;background: white;min-height: 100vh;}.login-card {max-width: 550px;margin: 0 auto;width: 100%;}.welcome-section {text-align: left;margin-bottom: 3rem;}.welcome-text {font-size: 2.2rem;font-weight: 400;color: #333;margin-bottom: 0.5rem;}.system-name {font-size: 2.2rem;font-weight: 700;color: #032A5F;}.subtitle-text {font-size: 1rem;color: #666;margin-top: 0.5rem;font-weight: 300;}.login-buttons {display: flex;flex-direction: column;gap: 1rem;margin-bottom: 2rem;}.btn-login {padding: 1.2rem 2rem;border: none;border-radius: 8px;font-family: 'Poppins', sans-serif;font-size: 1rem;font-weight: 500;text-decoration: none;text-align: center;transition: all 0.3s ease;box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);cursor: pointer;}.btn-secondary {background-color: #6c757d;color: white;}.btn-secondary:hover {background-color: #5a6268;transform: translateY(-1px);box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);color: white;text-decoration: none;}.btn-primary {background-color: #032A5F !important;color: white;}.btn-primary:hover {background-color: #021f47 !important;transform: translateY(-1px);box-shadow: 0 4px 12px rgba(3, 42, 95, 0.3);color: white;text-decoration: none;}.divider-section {display: flex;align-items: center;justify-content: center;margin: 0;}.divider-line {flex: 1;height: 1px;background-color: #ccc;}.divider-text {margin: 0 1rem;font-size: 0.9rem;color: #666;font-weight: 500;}.help-section {text-align: center;margin-top: 2rem;}.help-text {font-size: 1rem;color: #333;margin-bottom: 0.3rem;font-weight: 500;}.contact-info {font-size: 0.95rem;color: #666;font-weight: 400;}.spinner-border-sm {width: 1rem;height: 1rem;}@media (max-width: 1200px) {.left-section {flex: 1;padding: 3rem 2rem;}.right-section {flex: 1;padding: 3rem 3rem;}.gise-logo img {width: 500px;}.institutional-title {font-size: 1.3rem;}.institutional-subtitle {font-size: 1rem;}.welcome-text,.system-name {font-size: 2rem;}.login-card {max-width: 450px;}}@media (max-width: 1024px) {.left-section {flex: 0.9;padding: 2.5rem 1.5rem;}.right-section {flex: 1.1;padding: 2.5rem 2.5rem;}.gise-logo img {width: 400px;}.institutional-title {font-size: 1.2rem;}.institutional-subtitle {font-size: 0.95rem;}.welcome-text,.system-name {font-size: 1.8rem;}.login-card {max-width: 400px;}}@media (max-width: 900px) {.left-section {flex: 0.8;padding: 2rem 1rem;}.right-section {flex: 1.2;padding: 2rem 2rem;}.gise-logo img {width: 450px;}.institutional-title {font-size: 1.1rem;}.institutional-subtitle {font-size: 0.9rem;}.welcome-text,.system-name {font-size: 1.6rem;}.login-card {max-width: 350px;}.btn-login {padding: 1.1rem 1.8rem;font-size: 0.95rem;}}@media (max-width: 768px) {body {background-color: white;}.login-container {flex-direction: column;width: 100vw;min-height: 100vh;gap: 0;justify-content: center;align-items: center;padding: 2rem 1rem;}.left-section {padding: 2rem 1rem;min-height: auto;flex: none;background: white;width: 100%;max-width: 400px;}.gise-logo img {width: 450px;margin-bottom: 1.5rem;}.institutional-text {margin-bottom: 2rem;}.institutional-title {font-size: 1.1rem;margin-bottom: 0.5rem;}.institutional-subtitle {font-size: 1rem;}.right-section {padding: 0 1rem 2rem 1rem;flex: none;min-height: auto;background: white;width: 100%;max-width: 90%;}.welcome-section {text-align: center;margin-bottom: 2.5rem;}.welcome-text,.system-name {font-size: 1.8rem;}.subtitle-text {display: none;}.help-section {text-align: center;margin-top: 2.5rem;}.login-card {max-width: 100%;}.btn-login {width: 100%;padding: 1.2rem 2rem;font-size: 1rem;}}@media (max-width: 480px) {.login-container {padding: 1.5rem 0.8rem;}.left-section {padding: 1.5rem 0.8rem;max-width: 350px;}.right-section {padding: 0 0.8rem 1.5rem 0.8rem;max-width: 350px;}.gise-logo img {width: 350px;margin-bottom: 1.2rem;}.institutional-title {font-size: 1rem;}.institutional-subtitle {font-size: 0.9rem;}.welcome-text,.system-name {font-size: 1.6rem;}.btn-login {padding: 1.1rem 1.8rem;font-size: 0.95rem;}.welcome-section {margin-bottom: 2rem;}.institutional-text {margin-bottom: 1.8rem;}.help-section {margin-top: 2rem;}}@media (max-width: 360px) {.login-container {padding: 1rem 0.5rem;}.left-section {padding: 1rem 0.5rem;max-width: 320px;}.right-section {padding: 0 0.5rem 1rem 0.5rem;max-width: 320px;}.gise-logo img {width: 180px;margin-bottom: 1rem;}.institutional-title {font-size: 0.9rem;}.institutional-subtitle {font-size: 0.8rem;}.welcome-text,.system-name {font-size: 1.4rem;}.btn-login {padding: 1rem 1.5rem;font-size: 0.9rem;}.institutional-text {margin-bottom: 1.5rem;}.welcome-section {margin-bottom: 1.8rem;}.help-section {margin-top: 1.8rem;}}