.modal-backdrop{background-color:rgba(0,0,0,0.8);backdrop-filter:blur(2px)}.login-modal .modal-content,.register-modal .modal-content{border-radius:8px;box-shadow:0 10px 30px rgba(0,0,0,0.3);border:1px solid #e0e0e0;overflow:hidden}.login-modal .auth-box,.register-modal .auth-box{background:#ffffff;border-radius:8px;padding:40px;position:relative;border:1px solid #f0f0f0}.login-modal .title,.register-modal .title{font-size:24px;font-weight:600;text-align:center;margin-bottom:30px;color:#333;display:flex;align-items:center;justify-content:center;border-bottom:2px solid #f0f0f0;padding-bottom:15px}.input-group-text{background:#f8f9fa;border:1px solid #e0e0e0;color:#666;font-size:14px;padding:12px 15px;border-radius:4px 0 0 4px;min-width:45px;display:flex;align-items:center;justify-content:center;border-right:none}.auth-form-input{border:1px solid #e0e0e0;border-radius:0 4px 4px 0;padding:12px 15px;font-size:14px;transition:all 0.2s ease;background:#ffffff;color:#333}.auth-form-input:focus{border-color:#333;box-shadow:0 0 0 2px rgba(0,0,0,0.1);background:#ffffff;outline:none}.link-forgot-password,.link{color:#666;font-weight:500;transition:all 0.2s ease;text-decoration:none;font-size:13px}.link-forgot-password:hover,.link:hover{color:#333;text-decoration:underline}.login-modal .close,.register-modal .close{position:absolute;top:15px;right:15px;background:transparent;border:none;width:30px;height:30px;display:flex;align-items:center;justify-content:center;font-size:16px;color:#999;transition:all 0.2s ease;z-index:10}.login-modal .close:hover,.register-modal .close:hover{color:#333;background:#f8f9fa;border-radius:50%}.form-group{margin-bottom:20px}.custom-control-input:checked~.custom-control-label::before{background-color:#333;border-color:#333}.custom-control-label{font-size:13px;color:#666;line-height:1.4;font-weight:400}.modal.fade .modal-dialog{transform:translate(0,-20px);transition:transform 0.2s ease-out}.modal.show .modal-dialog{transform:translate(0,0)}@media (max-width:576px){.login-modal .auth-box,.register-modal .auth-box{padding:30px 20px;margin:10px}.login-modal .title,.register-modal .title{font-size:20px;margin-bottom:25px}.input-group-text{padding:10px 12px;font-size:13px}.auth-form-input{padding:10px 12px;font-size:13px}}.auth-form-input:focus{outline:none;border-color:#333;box-shadow:0 0 0 2px rgba(0,0,0,0.1)}.p-social-media{text-align:center;color:#666;font-size:13px;margin-top:20px;font-weight:400}.modal-backdrop.show{opacity:0.8}.modal-dialog{margin:2rem auto}.auth-form-input.is-invalid{border-color:#dc3545;box-shadow:0 0 0 2px rgba(220,53,69,0.1)}.auth-form-input.is-valid{border-color:#28a745;box-shadow:0 0 0 2px rgba(40,167,69,0.1)}.spinner,.spinner div{display:none !important}.input-group:focus-within .input-group-text{background:#f0f0f0;border-color:#333}.alert{border-radius:4px;border:1px solid;font-size:13px;padding:10px 15px;margin-bottom:15px}.alert-danger{background-color:#f8d7da;border-color:#f5c6cb;color:#721c24}.alert-success{background-color:#d4edda;border-color:#c3e6cb;color:#155724}.modal-header{border-bottom:1px solid #f0f0f0;padding:20px 30px 15px}.modal-body{padding:20px 30px}.modal-footer{border-top:1px solid #f0f0f0;padding:15px 30px 20px}.fas{font-family:"Font Awesome 6 Free";font-weight:900;-webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1}.input-group-text .fas{color:#666;font-size:14px;transition:all 0.2s ease}.input-group:focus-within .input-group-text .fas{color:#333}.close .fas{color:#999;font-size:16px;transition:all 0.2s ease}.close:hover .fas{color:#333}.title .fas{color:#333;font-size:22px;font-weight:600;margin-right:12px}.password-toggle .fas{color:#666;font-size:13px;transition:all 0.2s ease}.password-toggle:hover .fas{color:#333}.fas{transition:all 0.2s ease}.btn-social .fas{margin-right:8px;font-size:14px}.nav-link .fas{color:#333;font-size:14px;font-weight:600;margin-right:8px;transition:all 0.2s ease}.nav-link:hover .fas{color:#000}.nav-link .fas.fa-envelope{color:#666;font-size:13px;margin-right:6px;transition:all 0.2s ease}.nav-link:hover .fas.fa-envelope{color:#333}