.modal-overlay[data-v-4e0cba72]{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:9999;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);animation:fadeIn-4e0cba72 .3s ease-out}.modal-container[data-v-4e0cba72]{position:relative;max-width:450px;width:90%;max-height:90vh;overflow-y:auto;animation:slideIn-4e0cba72 .3s ease-out;scrollbar-width:none;-ms-overflow-style:none}.modal-container[data-v-4e0cba72]::-webkit-scrollbar{display:none}.close-btn[data-v-4e0cba72]{position:absolute;top:15px;right:15px;background:#ffffff1a;border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;transition:all .3s ease}.close-btn[data-v-4e0cba72]:hover{background:#fff3;transform:scale(1.1)}@keyframes fadeIn-4e0cba72{0%{opacity:0}to{opacity:1}}@keyframes slideIn-4e0cba72{0%{opacity:0;transform:translateY(-50px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.auth-container[data-v-4e0cba72]{font-family:Arial,sans-serif;background:linear-gradient(135deg,#012a17,#013d31,#012a17);border-radius:20px;overflow:hidden;position:relative}.sparkle[data-v-4e0cba72]{position:absolute;background:radial-gradient(circle,#ffd700,transparent);border-radius:50%;opacity:0;animation:sparkle-4e0cba72 3s infinite;pointer-events:none}@keyframes sparkle-4e0cba72{0%,to{opacity:0;transform:scale(0)}50%{opacity:1;transform:scale(1)}}.auth-container[data-v-4e0cba72]{background:linear-gradient(135deg,#012a17,#013d31,#012a17);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:20px;padding:40px;box-shadow:0 25px 50px #0000004d;position:relative;overflow:hidden}.auth-container[data-v-4e0cba72]:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(255,215,0,.1),transparent);animation:rotate-4e0cba72 6s linear infinite}@keyframes rotate-4e0cba72{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.form-content[data-v-4e0cba72]{position:relative;z-index:2}.logo[data-v-4e0cba72]{text-align:center;margin-bottom:20px}.logo h1[data-v-4e0cba72]{color:gold;font-size:2em;font-weight:300;letter-spacing:2px;text-shadow:0 0 20px rgba(255,215,0,.5);margin-bottom:5px}.logo p[data-v-4e0cba72]{color:#ffffffb3;font-size:.9em;letter-spacing:1px}.form-toggle[data-v-4e0cba72]{display:flex;margin-bottom:25px;background:#ffffff1a;border-radius:50px;padding:5px}.toggle-btn[data-v-4e0cba72]{flex:1;background:none;border:none;color:#ffffffb3;padding:10px 15px;border-radius:50px;cursor:pointer;transition:all .3s ease;font-size:14px;font-weight:500}.toggle-btn.active[data-v-4e0cba72]{background:linear-gradient(to right,#edc55f,#f8f1b7,#edc55f);color:#1a1a2e;box-shadow:0 5px 15px #ffd7004d}.form-group[data-v-4e0cba72]{margin-bottom:20px;position:relative}.form-group input[data-v-4e0cba72]{width:100%;padding:12px 18px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:50px;color:#fff;font-size:14px;outline:none;transition:all .3s ease}.form-group input[data-v-4e0cba72]::-moz-placeholder{color:#ffffff80}.form-group input[data-v-4e0cba72]::placeholder{color:#ffffff80}.form-group input[data-v-4e0cba72]:focus{border-color:gold;box-shadow:0 0 20px #ffd70033;transform:translateY(-2px)}.form-group input.input-error[data-v-4e0cba72]{border-color:#ff6b6b;box-shadow:0 0 20px #ff6b6b33}.form-group label[data-v-4e0cba72]{position:absolute;left:18px;top:50%;transform:translateY(-50%);color:#ffffffb3;font-size:14px;pointer-events:none;transition:all .3s ease}.form-group input:not(:-moz-placeholder)+label[data-v-4e0cba72]{top:-8px;left:15px;font-size:12px;color:gold;background:#1a1a2e;padding:0 8px;border-radius:10px}.form-group input:focus+label[data-v-4e0cba72],.form-group input:not(:placeholder-shown)+label[data-v-4e0cba72]{top:-8px;left:15px;font-size:12px;color:gold;background:#1a1a2e;padding:0 8px;border-radius:10px}.password-toggle[data-v-4e0cba72]{position:absolute;right:18px;top:50%;transform:translateY(-50%);color:#ffffff80;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.error-message[data-v-4e0cba72]{color:#ff6b6b;font-size:12px;margin-top:5px;margin-left:18px}.submit-btn[data-v-4e0cba72]{width:100%;padding:12px;background:linear-gradient(to right,#edc55f,#f8f1b7,#edc55f);border:none;border-radius:50px;color:#1a1a2e;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;margin-bottom:15px;position:relative;overflow:hidden}.submit-btn[data-v-4e0cba72]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 25px #ffd7004d}.submit-btn[data-v-4e0cba72]:disabled{opacity:.7;cursor:not-allowed}.submit-btn[data-v-4e0cba72]:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s}.submit-btn[data-v-4e0cba72]:hover:not(:disabled):before{left:100%}.remember-forgot[data-v-4e0cba72]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;font-size:12px}.remember[data-v-4e0cba72]{color:#ffffffb3;display:flex;align-items:center;gap:8px}.forgot-link[data-v-4e0cba72]{color:gold;text-decoration:none;transition:all .3s ease}.forgot-link[data-v-4e0cba72]:hover{text-shadow:0 0 10px rgba(255,215,0,.5)}.form-section[data-v-4e0cba72]{animation:fadeIn-4e0cba72 .3s ease-in-out}@keyframes fadeIn-4e0cba72{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.checkbox-container[data-v-4e0cba72]{position:relative;cursor:pointer;display:flex;align-items:center;gap:8px}.checkbox-container input[data-v-4e0cba72]{opacity:0;position:absolute;width:16px;height:16px}.checkmark[data-v-4e0cba72]{width:16px;height:16px;border:1px solid rgba(255,255,255,.3);border-radius:3px;position:relative;flex-shrink:0}.checkbox-container input:checked+.checkmark[data-v-4e0cba72]{background:linear-gradient(135deg,gold,orange);border-color:gold}.checkmark[data-v-4e0cba72]:after{content:"✓";position:absolute;top:-2px;left:2px;color:#1a1a2e;font-size:12px;opacity:0}.checkbox-container input:checked+.checkmark[data-v-4e0cba72]:after{opacity:1}@media (max-width: 480px){.modal-container[data-v-4e0cba72]{width:95%}.auth-container[data-v-4e0cba72]{padding:25px 15px}}
