.math-captcha{flex-direction:column;width:100%}.captcha-question-wrapper,.math-captcha{display:flex;align-items:center;gap:.75rem}.captcha-question-wrapper{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:.5rem;padding:.75rem 1rem}.captcha-question-text{font-size:1.2rem;font-weight:500;letter-spacing:.1em;color:#374151;min-width:120px;text-align:center}.refresh-btn{background:none;border:none;cursor:pointer;color:#9ca3af;padding:.5rem;border-radius:50%;transition:all .2s;line-height:1}.refresh-btn:hover{color:#1f2937;background-color:#f3f4f6}.captcha-input{text-align:center;width:100%;max-width:200px;padding:.65rem 1rem;border:1px solid #d1d5db;border-radius:.5rem;font-size:1.2rem;letter-spacing:.2em}.captcha-input:focus{outline:none;border-color:#992332;box-shadow:0 0 0 3px rgba(153,35,50,.2)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(17,24,39,.6);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;overflow-y:auto}.modal-content{position:relative;background:#fff;padding:2.5rem;border-radius:1rem;width:100%;max-width:500px;box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1)}.close-btn{position:absolute;top:1rem;right:1rem;background:none;border:none;font-size:1.5rem;color:#9ca3af;cursor:pointer;transition:color .2s}.close-btn:hover{color:#131313}.modal-header{text-align:center;margin-bottom:2rem}.modal-header h2{font-size:1.5rem;font-weight:600;color:#131313;margin:0 0 .5rem}.modal-header p{color:#6b7280;margin:0}.modal-form{display:flex;flex-direction:column;gap:1.25rem}.form-group input,.form-group textarea{width:100%;padding:.85rem 1rem;border:1px solid #cbd5e0;border-radius:.5rem;font-size:1rem;color:#131313;transition:border-color .2s,box-shadow .2s}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#992332;box-shadow:0 0 0 3px rgba(153,35,50,.2)}.form-group textarea{resize:vertical}.result-view .ok-btn,.submit-btn{display:inline-flex;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.875rem 1rem;font-size:1.1rem;font-weight:600;color:#fff;background-color:#992332;border:none;border-radius:.5rem;cursor:pointer;transition:all .2s ease-in-out;margin-top:.5rem;box-shadow:0 4px 14px 0 rgba(153,35,50,.3)}.result-view .ok-btn:hover:not(:disabled),.submit-btn:hover:not(:disabled){background-color:#801d2a;transform:translateY(-2px);box-shadow:0 6px 20px 0 rgba(153,35,50,.35)}.result-view .ok-btn:disabled,.submit-btn:disabled{background-color:#b56d76;cursor:not-allowed;box-shadow:none}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loader-icon{animation:spin 1s linear infinite}.result-view{text-align:center}.result-view .icon{font-size:4rem;margin-bottom:1.5rem}.result-view .icon.success{color:#16a34a}.result-view .icon.error{color:#c53030}.result-view .result-title{font-size:1.75rem;margin-bottom:.5rem}.result-view .result-message{font-size:1.1rem;color:#6b7280;margin-bottom:2rem}.result-view .ok-btn{width:auto;padding:.75rem 2.5rem}@media(max-width:360px){.captcha-container{transform:scale(.85);transform-origin:center}}@media(max-width:500px){.modal-overlay{align-items:flex-start}.modal-content{padding:2rem 1.5rem}.modal-header{margin-bottom:1.5rem}.modal-header h2{font-size:1.25rem}.modal-header p{font-size:.9rem}.ok-btn,.result-view .ok-btn,.submit-btn{padding:.8rem 1rem;font-size:1rem}.result-title{font-size:1.5rem}.result-message{font-size:1rem}}.login-page-background{display:flex;align-items:center;justify-content:center;min-height:100vh;overflow-y:scroll;padding:1.5rem;background-color:#f8f9fa}.login-card{width:100%;max-width:420px;background-color:#fff;border-radius:1rem;box-shadow:0 10px 40px -10px rgba(0,0,0,.1);padding:2.5rem;border:1px solid #e5e7eb}.card-header{text-align:center;margin-bottom:2.5rem}.card-header .logo{display:inline-block;font-size:1.875rem;font-weight:800;color:#131313;text-decoration:none;margin-bottom:.75rem}.card-header .logo--accent{color:#992332}.card-header .subtitle{margin-top:.5rem;color:#6b7280;font-size:1.1rem}.login-form{display:flex;flex-direction:column;gap:1.25rem}.form-group label{display:block;margin-bottom:.5rem;font-size:.875rem;font-weight:500;color:#4a5568}.form-group input{width:100%;padding:.85rem 1rem;border:1px solid #cbd5e0;border-radius:.5rem;font-size:1rem;color:#131313;transition:border-color .2s,box-shadow .2s}.form-group input:focus{outline:none;border-color:#992332;box-shadow:0 0 0 3px rgba(153,35,50,.2)}.form-group input::-moz-placeholder{color:#a0aec0}.form-group input::placeholder{color:#a0aec0}.error-message{color:#992332;background-color:rgba(153,35,50,.08);border:1px solid rgba(153,35,50,.2);padding:.75rem 1rem;border-radius:.5rem;text-align:center;font-size:.9rem;font-weight:500}.submit-button{width:100%;padding:.875rem 1rem;font-size:1.1rem;font-weight:600;color:#fff;background-color:#992332;border:none;border-radius:.5rem;cursor:pointer;transition:all .2s ease-in-out;margin-top:.5rem;box-shadow:0 4px 14px 0 rgba(153,35,50,.3)}.submit-button:hover:not(:disabled){background-color:#801d2a;transform:translateY(-2px);box-shadow:0 6px 20px 0 rgba(153,35,50,.35)}.submit-button:active:not(:disabled){transform:scale(.99)}.submit-button:disabled{background-color:#b56d76;cursor:not-allowed;box-shadow:none}.card-footer{margin-top:2.5rem;text-align:center;font-size:.875rem;color:#6b7280}.card-footer a{color:#992332;font-weight:500;text-decoration:none}.card-footer a:hover{text-decoration:underline}.link-button{background:none;border:none;padding:0;font:inherit;color:#992332;font-weight:500;text-decoration:none;cursor:pointer;margin-left:5px}.link-button:hover{text-decoration:underline}.captcha-container{display:flex;justify-content:center;margin:1rem 0}