/*.py-learn-text { font-size: 4vw; font-weight: 600; color: #073879; font-family: Amonk_Outline; }*/ /* Wrapper for the full screen */ /*.login-wrapper { height: 100vh; display: flex; justify-content: center; align-items: center; background-color: #05234b; }*/ /* Container for left and right split */ /*.login-container { display: flex; width: 1100px; height: 600px; background-color: white; border-radius: 24px; box-shadow: #ffffff 0px 5px 15px; overflow: hidden; }*/ /* Left section (image) */ /*.login-image { flex: 1; background-color: #e8f0fe; display: flex; align-items: center; } .bgImage { width: 100%; height: 66vh;*/ /*opacity: 0.5;*/ /*}*/ /* Right section (form) */ /*.login-box { flex: 1; padding: 60px; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; display: flex; flex-direction: column; justify-content: center; } .logo { width: 6vw; position: absolute; top: 1vw; left: 1vw; background-color: #ffffff; border-radius: 1vw; } .login-box h2 { font-size: 36px; margin-bottom: 10px; } .subtitle { font-size: 18px; color: #1a73e8; margin-bottom: 30px; font-weight: bold } input[type="text"], input[type="password"] { width: 100%; padding: 16px; margin: 12px 0; border: 1px solid #dadce0; border-radius: 6px; font-size: 16px; } button { background-color: #1a73e8; color: white; border: none; padding: 14px; font-size: 16px; border-radius: 6px; width: 100%; margin-top: 20px; cursor: pointer; } button:hover { background-color: #1669c1; } .error { color: red; margin-top: 10px; font-size: 15px; } .language-switcher { margin-top: 30px; font-size: 15px; } .password-field { position: relative; width: 100%; } .password-field input { width: 100%; padding-right: 40px;*/ /* space for the icon */ /*} .toggle-password { position: absolute; right: 12px; top: 50%; transform: translateY(-50%); cursor: pointer; font-size: 1.2vw; color: #555; user-select: none; }*/