.login-field-group{margin-bottom:20px}.login-options{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;font-size:14px}.show-password-label{display:flex;align-items:center;cursor:pointer}#show-password-input,#show-reset-password-input,#show-register-password-input{margin-right:8px}.login-field-group input,.input-with-icon input{width:100%;padding:12px 15px!important;border:2px solid #007BFF!important;border-radius:8px!important;font-size:16px;transition:box-shadow 0.3s ease}.login-field-group input:focus,.input-with-icon input:focus{box-shadow:0 0 8px rgba(0,123,255,0.5)!important;outline:none!important}.input-with-icon{position:relative}.input-with-icon::before{content:'+';position:absolute;left:15px;top:50%;transform:translateY(-50%);color:#777;font-size:16px;pointer-events:none}.input-with-icon input{padding-left:32px!important}#gas-login-button,#gas-register-button,#reset-request-button,#reset-password-button,#gas-verify-otp-button{background-color:#007BFF!important;border-color:#007BFF!important;color:#ffffff!important;width:100%;border-radius:8px!important;padding-top:12px!important;padding-bottom:12px!important}#gas-login-button:hover,#gas-register-button:hover,#reset-request-button:hover,#reset-password-button:hover,#gas-verify-otp-button:hover{background-color:#0056b3!important;border-color:#0056b3!important}#form-message{margin-bottom:20px;border-radius:5px}.gas-content-wrapper+p{display:none!important;visibility:hidden!important}#course-grid-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;max-width:1200px;margin:auto}#registration-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.7);z-index:9999998!important;overflow-y:auto;padding:20px}#registration-modal .form-container{background:#fff;max-width:800px;margin:5vh auto;padding:40px;padding-top:80px!important;border-radius:8px;position:relative;box-shadow:0 5px 15px rgba(0,0,0,0.3)}#close-modal-btn{position:fixed;top:80px;right:30px;z-index:9999999!important;background-color:rgba(255,255,255,0.9);color:#333;border:1px solid #ddd;border-radius:50%;width:44px;height:44px;font-size:32px;line-height:40px;text-align:center;box-shadow:0 2px 10px rgba(0,0,0,0.2);cursor:pointer;transition:all 0.2s ease}#close-modal-btn:hover{background-color:#fff;color:#d9534f;transform:rotate(90deg) scale(1.1)}#registration-modal .form-container label{display:block;font-weight:600;margin-bottom:8px;text-align:left}#registration-modal .form-container label.required::after{content:" *";color:#d9534f}#registration-modal .form-container input{width:100%;padding:12px 15px!important;border:2px solid #007BFF!important;border-radius:8px!important;font-size:16px;transition:box-shadow 0.3s ease}#registration-modal .form-container input:focus{box-shadow:0 0 8px rgba(0,123,255,0.5)!important;outline:none!important}#submit-course-registration{background-color:#007BFF!important;border-color:#007BFF!important;color:#ffffff!important;width:100%;border-radius:8px!important;padding-top:12px!important;padding-bottom:12px!important}#submit-course-registration:hover{background-color:#0056b3!important;border-color:#0056b3!important}#modal-alert-container{margin-bottom:20px;border-radius:5px}#registration-modal select{-webkit-appearance:none;appearance:none;width:100%;padding:10px 12px;border:2px solid #0d6efd;border-radius:8px;background-color:#ffffff;font-size:16px;line-height:1.5;color:#212529;cursor:pointer;box-sizing:border-box;height:50px;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 0.75rem center;background-size:16px 12px;padding-right:40px}#registration-modal select:focus{outline:none;border-color:#0a58ca;box-shadow:0 0 0 3px rgba(13,110,253,0.25)}#registration-modal label{display:block;margin-bottom:8px;font-weight:500;color:#495057;font-size:16px}#registration-modal label.required::after{content:" *";color:red;font-weight:bold}#course-grid-container .register-btn{color:#0d6efd!important;border:2px solid #0d6efd!important;background-color:transparent!important;font-weight:500;font-size:18px;padding:10px 20px;border-radius:8px;transition:all 0.3s ease}#course-grid-container .register-btn:hover{background-color:#0d6efd!important;color:#ffffff!important}#page-container .buttons-column{flex:1;display:flex;flex-direction:column;justify-content:center}#page-container .buttons-column>a.main-page-button{margin-bottom:30px}#page-container .buttons-column>a.main-page-button:last-child{margin-bottom:0}#page-container .buttons-column>a.main-page-button:first-child{margin-top:30px}.main-page-button{display:block;width:100%;padding:12px 15px;border:2px solid #0d6efd;color:#0d6efd;background-color:transparent;text-align:center;font-weight:500;font-size:25px;border-radius:8px;text-decoration:none;transition:all 0.3s ease}.main-page-button:hover{background-color:#0d6efd;color:#ffffff}.logout-button{border-color:#d9534f;color:#d9534f}.logout-button:hover{background-color:#d9534f;color:#ffffff}.download-button{border-color:#28a745;color:#28a745}.download-button:hover{background-color:#28a745;color:#ffffff}#attendance-button{color:#000000!important;border-color:#000000!important;background-color:transparent!important}#attendance-button:hover{background-color:#000000!important;color:#ffffff!important;border-color:#000000!important}#registration-modal .form-field-error{border-color:#d9534f!important;background-color:#fbeae9!important;box-shadow:0 0 8px rgba(217,83,79,0.5)!important}