@media only screen and (min-width: 0rem) {#login-page {min-height: 100vh;display: flex;align-items: center;justify-content: center;padding-top: clamp(8rem, 12vw, 10rem);padding-bottom: clamp(3.75rem, 7.82vw, 6.25rem);padding-inline: 1rem;background: var(--page-gradient);}.login-container {width: 100%;max-width: 28rem;margin: auto;}.login-card {background-color: var(--primary-blue);border: 1px solid rgba(255, 255, 255, 0.08);border-radius: 1rem;padding-top: clamp(2rem, 5vw, 1rem);padding-bottom: clamp(2rem, 5vw, 1rem);padding-inline: 1rem;display: flex;flex-direction: column;gap: 2rem;}.login-header {display: flex;flex-direction: column;gap: 0.5rem;text-align: center;}.login-header .cs-title {font-size: clamp(1.75rem, 4vw, 2.5rem);margin-bottom: 0.25rem;}.login-form {display: flex;flex-direction: column;gap: 1.25rem;}.form-group {display: flex;flex-direction: column;gap: 0.5rem;}.form-group label {font-family: "Lato", Arial, sans-serif;font-size: 0.875rem;font-weight: 700;color: var(--bodyTextColor);letter-spacing: 0.05em;text-transform: uppercase;}.form-group input {width: 100%;padding: 0.75rem 1rem;background-color: var(--secondary-blue);border: 1px solid rgba(255, 255, 255, 0.1);border-radius: 0.5rem;color: var(--headerColor);font-family: "Lato", Arial, sans-serif;font-size: 1rem;transition: border-color 0.3s;box-sizing: border-box;}.form-group input::placeholder {color: rgba(255, 255, 255, 0.3);}.form-group input:focus {outline: none;border-color: var(--primary);}.error-msg {color: #f87171;font-size: 0.875rem;text-align: center;min-height: 1.25rem;}}