:root{--base:#555;--base-100:#f1f1f1;--base-400:#555;--base-800:#000;--yellow:#ffda4b;--yellow-100:#fffbe6;--yellow-400:#ffda4b;--yellow-800:#8b6f00;--blue:#0a61ae;--blue-100:#e2f8ff;--blue-400:#61dafb;--blue-800:#0a61ae;--gray:#333333;--gray2:#808080;--blue:#6C9BCF;--white:#FFFFFF;--gray3:#D3D3D3}header{margin:0;padding:0;box-sizing:border-box}body,html{display:flex;justify-content:center;align-items:center;background:white;height:100vh;margin:0;background-color:white}body{font-family:Open Inter,sans-serif}.container{display:flex;justify-content:center;align-items:center;min-height:100vh;width:100vw;position:relative}.betelitehub-bg-logos{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;overflow:hidden}.betelitehub-bg-logo{filter:blur(2.5px) grayscale(.7) brightness(1.2)}.betelitehub-bg-logo,.betelitehub-bg-logo-text{position:absolute;user-select:none;pointer-events:none;opacity:.18;transition:opacity .3s}.betelitehub-bg-logo-text{font-size:2.1rem;font-family:Inter,Open Sans,Arial,sans-serif;white-space:nowrap}.form-container{border-radius:30px;padding:40px;background-color:white;box-shadow:0 4px 12px rgba(0,0,0,.1);max-width:300px;width:100%;margin:20px 20px 70px;position:relative;z-index:1}h1{font-size:34;text-align:center;margin-bottom:20px}input{width:80%;background:var(--base-100);border-radius:10px;outline:none;color:#333;margin:10px auto 20px}button,input{padding:12px;border:none;font-size:16px}button{display:block;width:auto;background-color:black;color:white;border-radius:30px;font-weight:700;cursor:pointer;transition:all .3s ease}button:hover{background:var(--gray2);color:var(--white)}p{font-size:14.5;text-align:center;margin-bottom:10px;padding:20px}p a{color:--bac;text-decoration:10px;align-content:center;color:var(--blue);font-weight:500}p a:hover{text-decoration:none;color:var(--blue-800)}.action{background-color:white;border-radius:20px}.form-box{display:none}.form-box.active{display:block}select{width:50%;padding:9px;border:1px solid #ccc;border-radius:10px;background-color:var(--base-100);font-size:16px;color:#333;outline:none;appearance:none;cursor:pointer;text-align:center;margin:-5px auto 10px;justify-content:center;:hover{transform:scale(1.05);box-shadow:0 6px 12px rgba(0,0,0,.3);background-color:var(--gray3);color:black}}select:focus{border-color:var(--blue);box-shadow:0 0 5px rgba(0,0,0,.5)}option{font-size:16px;color:#333}.google{margin-left:10px;margin-right:10px}.google-container{margin-top:10px;margin-bottom:-10px;padding-right:20px;font-size:15px}.error-message{color:rgb(228,81,81);display:flex;align-items:center;margin-top:-10px;margin-bottom:-20px;gap:8px;text-align:center;justify-content:center;padding:4px 10px;border-radius:6px}.forgot-password-link{color:var(--gray2);background:none;font-weight:400;padding:0;text-align:right;font-size:14px;text-decoration:none;transition:color .2s;margin:10px 0 15px 50px;text-align:center;font-size:14.5px}.forgot-password-link:hover{color:black;text-decoration:none}.favicon{height:30px;width:150px;margin:20px}.password-container{position:relative;display:flex;align-items:center}.password-toggle-btn{background:none;border:none;outline:none;position:absolute;right:30px;top:45%;transform:translateY(-50%);cursor:pointer;padding:0;display:flex;align-items:center;z-index:2}.password-toggle-icon{width:22px;height:22px;opacity:.7;transition:opacity .2s}.login-options-row{justify-content:space-between;width:80%;margin:-10px auto 10px;padding:0 2px}.login-options-row,.remember-me-label{display:flex;align-items:center;font-size:14px;color:var(--gray2)}.remember-me-label{gap:6px;font-weight:400;cursor:pointer;user-select:none}.remember-me-checkbox{accent-color:var(--blue);width:15px;height:15px;margin-right:4px}