.auth-module{max-width:400px;margin:0 auto;padding:0;border-radius:12px;overflow:hidden;box-shadow:0 10px 25px #0000001a;background:#fff}.auth-module-header{background:linear-gradient(135deg,#2563eb,#1e40af);padding:25px;color:#fff;text-align:center;border-bottom:1px solid #e5e7eb}.auth-module-title{margin:0;font-size:1.5rem;font-weight:600;color:#fff}.auth-tabs{display:flex;margin-bottom:0;border-bottom:1px solid #e5e7eb;background:#f8fafc}.auth-tab{flex:1;padding:15px;background:none;border:none;border-bottom:3px solid transparent;cursor:pointer;font-weight:500;color:#6b7280;transition:all .3s ease;font-size:.9rem}.auth-tab.active{color:#2563eb;border-bottom-color:#2563eb;background:#fff}.auth-tab:hover{color:#1e40af;background:#f1f5f9}.auth-tab-content{display:none;background:#fff}.auth-tab-content.active{display:block}.auth-form,.guest-form{padding:25px;background:#fff}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:500;color:#374151;font-size:.9rem}.form-group input{width:100%;padding:12px 16px;border:2px solid #e5e7eb;border-radius:8px;font-size:14px;transition:all .3s ease;background:#f9fafb}.form-group input:focus{border-color:#2563eb;background:#fff;outline:none;box-shadow:0 0 0 3px #2563eb1a}.error-message{color:#dc2626;font-size:12px;margin-top:6px;display:none}.success-message{color:#059669;font-size:12px;margin-top:6px}.form-options{margin-bottom:20px}.checkbox{display:flex;align-items:center;gap:8px;font-size:14px;color:#6b7280}.btn{width:100%;padding:14px;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;position:relative}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,#2563eb,#1e40af);color:#fff}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #2563eb4d}.btn-secondary{background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff}.btn-secondary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #6b72804d}.guest-login-section-no-border{padding:20px 25px;background:#fff;border-top:none}.guest-login-btn{margin-top:0}.guest-notice{font-size:12px;color:#6b7280;margin-top:12px;line-height:1.5;text-align:center}.input-error{border-color:#dc2626!important;background:#fef2f2!important}.input-success{border-color:#059669!important;background:#f0fdf4!important}.btn-loading{display:none}.btn:disabled .btn-text{opacity:.7}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#fff;border-radius:12px;width:90%;max-width:400px;box-shadow:0 20px 40px #0003;animation:modalSlideIn .3s ease}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 25px;border-bottom:1px solid #e5e7eb}.modal-header h3{margin:0;font-size:1.25rem;color:#1f2937}.modal-close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#6b7280;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center}.modal-close:hover{color:#374151;background:#f3f4f6;border-radius:50%}.modal-body{padding:25px}.captcha-refresh{background:none;border:1px solid #d1d5db;border-radius:6px;padding:8px 12px;font-size:12px;cursor:pointer;margin-top:8px;color:#6b7280;transition:all .2s ease}.captcha-refresh:hover{background:#f3f4f6;border-color:#9ca3af}[data-honeypot-field]{display:none!important}.register-link{text-align:center;margin-top:20px;padding-top:20px;border-top:1px solid #e5e7eb}.register-link a{color:#2563eb;text-decoration:none;font-weight:500}.register-link a:hover{text-decoration:underline}@media(max-width:768px){.auth-module{margin:10px;max-width:none}.auth-tab{padding:12px;font-size:.85rem}.auth-form,.guest-form{padding:20px}.modal-content{width:95%;margin:20px}}.auth-tab-content{animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.btn:focus{outline:2px solid #2563eb;outline-offset:2px}input:focus{outline:2px solid #2563eb;outline-offset:2px}.modal-content::-webkit-scrollbar{width:6px}.modal-content::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.modal-content::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.modal-content::-webkit-scrollbar-thumb:hover{background:#a8a8a8}
