.navbar{display:flex;flex-direction:column;border-bottom:1px solid #e0e0e0}.navbar-top{display:flex;justify-content:space-between;align-items:center;padding:20px;background-color:#fff}.navbar-logo{height:40px}.navbar-right{display:flex;align-items:center}.navbar-item{margin-right:20px;font-size:14px}.navbar-icon{height:24px;margin-left:10px}.navbar-bottom{display:flex;justify-content:center;align-items:center;padding:5px;background-color:#fff;border-top:1px solid rgb(204,204,204);box-shadow:1px 3px #96969640}.exchange-rate{display:flex;align-items:center}.exchange-icon{margin-right:5px;color:#007bff}.exchange-text{font-weight:700;color:#007bff;margin-right:10px}.exchange-value{font-size:14px;color:#333}@media (max-width: 768px){.navbar-bottom{display:none}}@media (max-width: 768px){.form-container{width:100%;height:95%;padding:20px;box-shadow:none;margin:0}.form-container{padding:25px 14%}.form-icon{position:absolute;top:25px;right:25px}}.submit-button{width:100%;padding:15px 0;background-color:#007bff;color:#fff;font-size:16px;border:none;cursor:pointer}.form-container{width:430px;height:654px;margin:0 auto;background-color:#fff;opacity:1;padding:5px 15% 25px;border-radius:0;box-shadow:0 4px 8px #0000001a;position:relative}@media (max-width: 768px){.form-container{width:100%;height:95%;box-shadow:none;margin:0;padding:25px 14%}.form-icon{position:absolute;top:25px;right:25px}}.form-icon{position:absolute;top:25px;right:25px;margin:15px}.welcome-text{text-align:center;font-size:14px;margin-top:50px}.form-title{text-align:center;font-size:25px;color:#000;margin-top:-12px;margin-bottom:20px;font-weight:700}.form-subtitle{text-align:left;color:#000;font-size:14px;margin-bottom:10px}.login-options{display:flex;justify-content:flex-start;margin-bottom:20px;font-size:13px;gap:10px}.login-options label:first-child,.login-options input{margin-right:7px}.input-container{margin-bottom:20px}.input-field{width:100%;padding:10px 0;border:1px solid #c4c4c4;border-bottom:1px solid #c4c4c4;font-size:16px;color:#000;transition:border-bottom .1s ease-in-out}.input-field:focus{outline:none;border-color:#c4c4c4;border-bottom:2px solid #000}.input-field:hover{border-color:#c4c4c4;border-bottom:1px solid #000}.checkbox-group{display:flex;flex-direction:column;padding-top:20px;margin-bottom:20px}.checkbox-group label{font-size:14px;margin-bottom:10px}.submit-button{width:100%;padding:15px 0;background-color:#007bff;color:#fff;font-size:16px;font-weight:700;border:none;cursor:pointer}.forgot-link{display:block;text-align:center;font-size:12px;color:#007bff;margin-top:30px}.security-notice{border:1px solid #ffcccc;background-color:#fff8f8;padding:10px;margin-bottom:20px;border-radius:4px}.urgent-text{color:#e60000;font-weight:700}.urgent-warning{font-size:14px;color:#333;margin-bottom:10px;line-height:1.4}.time-warning{font-size:13px;color:#333;margin-bottom:0}.countdown{color:#e60000;font-weight:700}.security-message{text-align:center;font-size:16px;margin-bottom:10px;color:#e60000}.device-notice{font-size:12px;color:#666;margin-top:-10px;margin-bottom:15px;text-align:center}.error-message{color:#e60000;font-size:14px;text-align:center;margin-bottom:15px;font-weight:700}.helper-text{color:#666;font-size:12px;display:block;margin-top:5px}.input-row{display:flex;justify-content:space-between;margin-bottom:15px}