@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css);@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap);.user-profile[data-v-a56297d8]{position:relative}.user-menu[data-v-a56297d8]{display:flex;align-items:center;gap:12px;padding:8px 12px;border-radius:8px;cursor:pointer;transition:background-color .2s;-webkit-user-select:none;-moz-user-select:none;user-select:none}.user-menu[data-v-a56297d8]:hover{background-color:rgba(0,0,0,.05)}.user-avatar[data-v-a56297d8]{flex-shrink:0}.avatar-image[data-v-a56297d8]{width:36px;height:36px;border-radius:50%;-o-object-fit:cover;object-fit:cover}.avatar-placeholder[data-v-a56297d8]{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:600}.user-info[data-v-a56297d8]{flex:1;min-width:0}.user-name[data-v-a56297d8]{font-weight:600;font-size:14px;color:#333}.user-email[data-v-a56297d8],.user-name[data-v-a56297d8]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-email[data-v-a56297d8]{font-size:12px;color:#666}.dropdown-arrow[data-v-a56297d8]{color:#666;transition:transform .2s}.dropdown-arrow.open[data-v-a56297d8]{transform:rotate(180deg)}.dropdown-menu[data-v-a56297d8]{position:absolute;top:100%;right:0;background:#fff;border-radius:12px;box-shadow:0 8px 24px rgba(0,0,0,.1);border:1px solid #e0e0e0;min-width:280px;z-index:1055;overflow:hidden;margin-top:4px}.dropdown-header[data-v-a56297d8]{padding:16px;background:#f8f9fa}.user-details[data-v-a56297d8]{space-y:8px}.detail-item[data-v-a56297d8]{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:13px}.detail-item[data-v-a56297d8]:last-child{margin-bottom:0}.detail-label[data-v-a56297d8]{color:#666;font-weight:500}.detail-value[data-v-a56297d8]{color:#333;font-weight:400;text-align:right;max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.auth-method[data-v-a56297d8]{background:#e3f2fd;color:#1976d2;padding:2px 8px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase}.dropdown-divider[data-v-a56297d8]{height:1px;background:#e0e0e0;margin:0}.dropdown-actions[data-v-a56297d8]{padding:8px 0}.dropdown-item[data-v-a56297d8]{width:100%;display:flex;align-items:center;gap:12px;padding:12px 16px;border:none;background:none;cursor:pointer;transition:background-color .2s;text-align:left;font-size:14px;color:#333}.dropdown-item[data-v-a56297d8]:hover{background-color:#f5f5f5}.logout-item[data-v-a56297d8]{color:#d32f2f}.logout-item[data-v-a56297d8]:hover{background-color:#ffebee}.item-icon[data-v-a56297d8]{font-size:16px;width:20px;text-align:center}.login-section[data-v-a56297d8]{display:flex}.login-section[data-v-a56297d8],.mobile-login[data-v-a56297d8]{align-items:center;opacity:1!important;visibility:visible!important}.mobile-login[data-v-a56297d8]{position:relative;z-index:1051;display:flex!important;justify-content:center;min-height:44px}.login-btn[data-v-a56297d8]{display:flex;gap:6px;padding:.5rem 1rem;background:#667eea;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:.95rem;font-weight:500;transition:all .3s ease;-webkit-tap-highlight-color:transparent;touch-action:manipulation;min-height:auto}.login-btn[data-v-a56297d8],.mobile-login-btn[data-v-a56297d8]{align-items:center;opacity:1!important;visibility:visible!important}.mobile-login-btn[data-v-a56297d8]{display:flex!important;justify-content:center;min-height:44px!important;min-width:100px;padding:12px 16px!important;font-size:16px!important;font-weight:600;background:#667eea!important;color:#fff!important;border:none!important;border-radius:8px;transform:none!important;z-index:1051;position:relative}.login-btn[data-v-a56297d8]:hover{background:#5a67d8;transform:translateY(-1px)}.login-icon[data-v-a56297d8]{font-size:14px}.dropdown-enter-active[data-v-a56297d8],.dropdown-leave-active[data-v-a56297d8]{transition:all .2s ease}.dropdown-enter-from[data-v-a56297d8],.dropdown-leave-to[data-v-a56297d8]{opacity:0;transform:translateY(-8px)}@media (max-width:480px){.user-info[data-v-a56297d8]{display:none}.user-menu[data-v-a56297d8]{padding:8px;gap:8px}.avatar-image[data-v-a56297d8],.avatar-placeholder[data-v-a56297d8]{width:32px;height:32px;font-size:14px}.dropdown-menu[data-v-a56297d8]{position:fixed;top:auto;right:8px;left:8px;width:auto;min-width:auto;border-radius:16px;margin-top:8px}.dropdown-header[data-v-a56297d8]{padding:16px}.detail-item[data-v-a56297d8]{font-size:12px;margin-bottom:10px}.dropdown-item[data-v-a56297d8]{padding:14px 16px;font-size:15px}.login-btn[data-v-a56297d8],.mobile-login-btn[data-v-a56297d8]{padding:12px 16px!important;font-size:16px!important;min-height:44px!important;border-radius:8px;gap:6px;background:#667eea!important;color:#fff!important;border:none!important;justify-content:center!important;position:relative}.login-btn[data-v-a56297d8],.login-section[data-v-a56297d8],.mobile-login-btn[data-v-a56297d8],.mobile-login[data-v-a56297d8]{display:flex!important;align-items:center!important;opacity:1!important;visibility:visible!important;z-index:1051}.login-icon[data-v-a56297d8]{font-size:18px}.login-btn[data-v-a56297d8]:active,.mobile-login-btn[data-v-a56297d8]:active{transform:scale(.95);background:#5a67d8!important}}@media (min-width:481px) and (max-width:768px){.user-info[data-v-a56297d8]{display:none}.user-menu[data-v-a56297d8]{padding:8px;gap:10px}.avatar-image[data-v-a56297d8],.avatar-placeholder[data-v-a56297d8]{width:36px;height:36px}.dropdown-menu[data-v-a56297d8]{min-width:280px;right:0;margin-top:8px;border-radius:16px}.dropdown-header[data-v-a56297d8]{padding:18px}.dropdown-item[data-v-a56297d8]{padding:14px 18px;font-size:15px}.login-btn[data-v-a56297d8],.mobile-login-btn[data-v-a56297d8]{padding:10px 16px!important;font-size:15px!important;min-height:40px!important;border-radius:8px;gap:6px;background:#667eea!important;color:#fff!important;border:none!important;justify-content:center!important;position:relative}.login-btn[data-v-a56297d8],.login-section[data-v-a56297d8],.mobile-login-btn[data-v-a56297d8],.mobile-login[data-v-a56297d8]{display:flex!important;align-items:center!important;opacity:1!important;visibility:visible!important;z-index:1051}.login-btn[data-v-a56297d8]:active,.mobile-login-btn[data-v-a56297d8]:active{transform:scale(.96);background:#5a67d8!important}}@media (min-width:769px) and (max-width:1024px){.user-menu[data-v-a56297d8]{padding:10px 14px;gap:12px}.avatar-image[data-v-a56297d8],.avatar-placeholder[data-v-a56297d8]{width:40px;height:40px;font-size:18px}.user-name[data-v-a56297d8]{font-size:15px}.user-email[data-v-a56297d8]{font-size:13px}.dropdown-menu[data-v-a56297d8]{min-width:320px;border-radius:20px;margin-top:8px}.dropdown-header[data-v-a56297d8]{padding:20px}.detail-item[data-v-a56297d8]{font-size:14px;margin-bottom:10px}.dropdown-item[data-v-a56297d8]{padding:16px 20px;font-size:16px}.login-btn[data-v-a56297d8]{padding:.5rem 1rem;font-size:.95rem;min-height:auto;border-radius:8px;gap:6px}.dropdown-item[data-v-a56297d8]:active,.login-btn[data-v-a56297d8]:active{transform:scale(.98)}}@media (min-width:1025px) and (max-width:1366px){.user-menu[data-v-a56297d8]{padding:10px 14px;gap:14px}.avatar-image[data-v-a56297d8],.avatar-placeholder[data-v-a56297d8]{width:38px;height:38px;font-size:16px}.user-name[data-v-a56297d8]{font-size:15px}.user-email[data-v-a56297d8]{font-size:13px}.dropdown-menu[data-v-a56297d8]{min-width:300px;border-radius:16px}.dropdown-item[data-v-a56297d8]{padding:14px 18px;font-size:15px}.login-btn[data-v-a56297d8]{padding:.5rem 1rem;font-size:.95rem;min-height:auto;border-radius:8px;gap:6px}}@media (min-width:1367px) and (max-width:1920px){.user-menu[data-v-a56297d8]{padding:12px 16px;gap:14px}.avatar-image[data-v-a56297d8],.avatar-placeholder[data-v-a56297d8]{width:40px;height:40px;font-size:18px}.user-name[data-v-a56297d8]{font-size:16px}.user-email[data-v-a56297d8]{font-size:14px}.dropdown-menu[data-v-a56297d8]{min-width:320px;border-radius:18px}.dropdown-header[data-v-a56297d8]{padding:20px}.dropdown-item[data-v-a56297d8]{padding:16px 20px;font-size:16px}.login-btn[data-v-a56297d8]{padding:.5rem 1rem;font-size:.95rem;min-height:auto;border-radius:8px;gap:6px}}@media (min-width:1921px){.user-menu[data-v-a56297d8]{padding:14px 20px;gap:16px}.avatar-image[data-v-a56297d8],.avatar-placeholder[data-v-a56297d8]{width:44px;height:44px;font-size:20px}.user-name[data-v-a56297d8]{font-size:18px}.user-email[data-v-a56297d8]{font-size:16px}.dropdown-menu[data-v-a56297d8]{min-width:360px;border-radius:20px}.dropdown-header[data-v-a56297d8]{padding:24px}.detail-item[data-v-a56297d8]{font-size:16px;margin-bottom:12px}.dropdown-item[data-v-a56297d8]{padding:18px 24px;font-size:18px}.item-icon[data-v-a56297d8]{font-size:20px;width:24px}.login-btn[data-v-a56297d8]{padding:.5rem 1rem;font-size:.95rem;min-height:auto;border-radius:8px;gap:6px}.login-icon[data-v-a56297d8]{font-size:14px}}@media (hover:none) and (pointer:coarse){.dropdown-item[data-v-a56297d8],.login-btn[data-v-a56297d8],.user-menu[data-v-a56297d8]{-webkit-tap-highlight-color:transparent;touch-action:manipulation}.login-btn[data-v-a56297d8]:active{transform:scale(.96)}.dropdown-item[data-v-a56297d8]:active{transform:scale(.98)}.dropdown-item[data-v-a56297d8],.login-btn[data-v-a56297d8]{min-height:44px}}@media (min-resolution:192dpi){.avatar-image[data-v-a56297d8]{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}.dropdown-menu[data-v-a56297d8]{border:.5px solid rgba(0,0,0,.1)}}@media (orientation:landscape) and (max-height:500px){.dropdown-menu[data-v-a56297d8]{max-height:70vh;overflow-y:auto}.dropdown-header[data-v-a56297d8]{padding:12px 16px}.dropdown-item[data-v-a56297d8]{padding:10px 16px}}@media (prefers-reduced-motion:reduce){.dropdown-enter-active[data-v-a56297d8],.dropdown-item[data-v-a56297d8],.dropdown-leave-active[data-v-a56297d8],.login-btn[data-v-a56297d8],.user-menu[data-v-a56297d8]{transition:none!important;animation:none!important}.dropdown-item[data-v-a56297d8]:active,.login-btn[data-v-a56297d8]:active{transform:none!important}}@media (prefers-color-scheme:dark){.login-btn[data-v-a56297d8]{background:#4c51bf;color:#e2e8f0}.login-btn[data-v-a56297d8]:hover{background:#4338ca}.login-btn[data-v-a56297d8]:active{background:#3730a3}}.modal-overlay[data-v-515fd4c8]{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,.6);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1060;padding:20px;animation:fadeIn-515fd4c8 .3s ease}.modal-container[data-v-515fd4c8]{background:#fff;border-radius:16px;box-shadow:0 20px 60px rgba(0,0,0,.3);width:100%;max-width:480px;max-height:90vh;overflow:hidden;animation:slideUp-515fd4c8 .3s ease}.modal-header[data-v-515fd4c8]{display:flex;align-items:center;justify-content:space-between;padding:24px 32px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.modal-title[data-v-515fd4c8]{font-size:1.5rem;font-weight:600;margin:0;display:flex;align-items:center;gap:12px}.close-button[data-v-515fd4c8]{background:hsla(0,0%,100%,.2);border:none;color:#fff;width:36px;height:36px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.close-button[data-v-515fd4c8]:hover{background:hsla(0,0%,100%,.3);transform:scale(1.1)}.modal-body[data-v-515fd4c8]{padding:32px}.step-content[data-v-515fd4c8]{animation:fadeIn-515fd4c8 .3s ease}.step-description[data-v-515fd4c8]{color:#4a5568;margin-bottom:24px;line-height:1.6}.reset-form[data-v-515fd4c8]{display:flex;flex-direction:column;gap:20px}.form-group[data-v-515fd4c8]{display:flex;flex-direction:column;gap:8px}.form-label[data-v-515fd4c8]{font-weight:500;color:#2d3748;font-size:.95rem}.input-wrapper[data-v-515fd4c8]{position:relative}.input-icon[data-v-515fd4c8]{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#a0aec0;font-size:1rem}.form-input[data-v-515fd4c8]{width:100%;padding:16px 16px 16px 48px;border:2px solid #e2e8f0;border-radius:10px;font-size:1rem;transition:all .2s ease;background:#f8f9fa}.form-input[data-v-515fd4c8]:focus{outline:none;border-color:#667eea;background:#fff;box-shadow:0 0 0 3px rgba(102,126,234,.1)}.form-input.error[data-v-515fd4c8]{border-color:#e53e3e;background:#fed7d7}.form-input[data-v-515fd4c8]:disabled{opacity:.6;cursor:not-allowed}.error-text[data-v-515fd4c8]{color:#e53e3e;font-size:.875rem;margin-top:4px}.error-message[data-v-515fd4c8]{background:#fed7d7;color:#c53030;padding:12px 16px;border-radius:8px;border-left:4px solid #e53e3e;display:flex;align-items:center;gap:8px;font-size:.9rem}.submit-button[data-v-515fd4c8]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:16px 24px;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:8px}.submit-button[data-v-515fd4c8]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px rgba(102,126,234,.4)}.submit-button[data-v-515fd4c8]:disabled{opacity:.6;cursor:not-allowed;transform:none}.submit-button.loading[data-v-515fd4c8]{opacity:.8}.modal-footer[data-v-515fd4c8]{margin-top:24px;text-align:center}.footer-text[data-v-515fd4c8]{color:#718096;font-size:.9rem}.link-button[data-v-515fd4c8]{background:none;border:none;color:#667eea;cursor:pointer;font-weight:500;text-decoration:underline;padding:0}.link-button[data-v-515fd4c8]:hover{color:#5a67d8}.success-content[data-v-515fd4c8]{text-align:center}.success-icon[data-v-515fd4c8]{color:#38a169;font-size:4rem;margin-bottom:24px}.success-title[data-v-515fd4c8]{color:#2d3748;font-size:1.5rem;font-weight:600;margin-bottom:16px}.success-message[data-v-515fd4c8]{color:#4a5568;font-size:1.1rem;margin-bottom:24px;line-height:1.6}.success-details[data-v-515fd4c8]{background:#f7fafc;padding:20px;border-radius:10px;margin-bottom:24px;text-align:left}.detail-item[data-v-515fd4c8]{display:flex;align-items:center;gap:12px;color:#4a5568;font-size:.95rem;margin-bottom:12px}.detail-item[data-v-515fd4c8]:last-child{margin-bottom:0}.detail-item i[data-v-515fd4c8]{color:#667eea;width:16px}.success-actions[data-v-515fd4c8]{display:flex;gap:12px;justify-content:center}.primary-button[data-v-515fd4c8],.secondary-button[data-v-515fd4c8]{padding:12px 24px;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px;font-size:.95rem}.primary-button[data-v-515fd4c8]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none}.secondary-button[data-v-515fd4c8]{background:#fff;color:#4a5568;border:2px solid #e2e8f0}.primary-button[data-v-515fd4c8]:hover{transform:translateY(-1px);box-shadow:0 4px 15px rgba(102,126,234,.3)}.secondary-button[data-v-515fd4c8]:hover{border-color:#cbd5e0;background:#f7fafc}@keyframes fadeIn-515fd4c8{0%{opacity:0}to{opacity:1}}@keyframes slideUp-515fd4c8{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width:480px){.modal-container[data-v-515fd4c8]{margin:20px;max-width:none;border-radius:12px}.modal-header[data-v-515fd4c8]{padding:20px 24px}.modal-title[data-v-515fd4c8]{font-size:1.3rem}.modal-body[data-v-515fd4c8]{padding:24px}.success-actions[data-v-515fd4c8]{flex-direction:column}.primary-button[data-v-515fd4c8],.secondary-button[data-v-515fd4c8]{width:100%;justify-content:center}}.auth-modal-overlay[data-v-7a283c7d]{position:fixed;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(0,0,0,.6),rgba(0,0,0,.4));backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1060;padding:20px;animation:overlayFadeIn-7a283c7d .3s ease-out}@keyframes overlayFadeIn-7a283c7d{0%{opacity:0}to{opacity:1}}.auth-modal[data-v-7a283c7d]{background:#fff;border-radius:24px;max-width:440px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 32px 64px rgba(0,0,0,.24),0 0 0 1px hsla(0,0%,100%,.05);animation:modalSlideIn-7a283c7d .4s cubic-bezier(.34,1.56,.64,1);position:relative}@keyframes modalSlideIn-7a283c7d{0%{opacity:0;transform:translateY(32px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.auth-modal-header[data-v-7a283c7d]{display:flex;justify-content:space-between;align-items:center;padding:32px 32px 0;margin-bottom:32px;position:relative}.auth-modal-header[data-v-7a283c7d]:after{content:"";position:absolute;bottom:-16px;left:32px;right:32px;height:1px;background:linear-gradient(90deg,transparent,#e5e7eb,transparent)}.auth-title[data-v-7a283c7d]{margin:0;background:linear-gradient(135deg,#4f46e5,#7c3aed);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-size:28px;font-weight:700;letter-spacing:-.5px}.close-btn[data-v-7a283c7d]{background:#f8fafc;border:1px solid #e2e8f0;font-size:20px;color:#64748b;cursor:pointer;padding:8px;border-radius:12px;transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:40px;height:40px}.close-btn[data-v-7a283c7d]:hover{background:#f1f5f9;border-color:#cbd5e1;transform:scale(1.05)}.auth-modal-body[data-v-7a283c7d]{padding:0 32px 32px}.error-message[data-v-7a283c7d]{background:linear-gradient(135deg,#fef2f2,#fee2e2);color:#dc2626;padding:16px 20px;border-radius:16px;margin-bottom:24px;border:1px solid #fecaca;display:flex;justify-content:space-between;align-items:center;box-shadow:0 4px 6px -1px rgba(220,38,38,.1);animation:errorSlideIn-7a283c7d .3s ease-out}@keyframes errorSlideIn-7a283c7d{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.error-close[data-v-7a283c7d]{background:none;border:none;color:#dc2626;cursor:pointer;font-size:18px;padding:4px;border-radius:6px;margin-left:12px;transition:background-color .2s}.error-close[data-v-7a283c7d]:hover{background:rgba(220,38,38,.1)}.google-signin-section[data-v-7a283c7d]{margin-bottom:24px;text-align:center}.google-auth-btn[data-v-7a283c7d]{width:100%;display:flex;align-items:center;justify-content:center;gap:12px;padding:16px 20px;background:#fff;border:2px solid #e5e7eb;border-radius:16px;font-size:16px;font-weight:600;color:#374151;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;-webkit-tap-highlight-color:transparent;touch-action:manipulation;min-height:52px}.google-auth-btn[data-v-7a283c7d]:hover:not(:disabled){border-color:#d1d5db;background:#fafbfc;transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.1)}.google-auth-btn[data-v-7a283c7d]:active:not(:disabled){transform:translateY(0)}.google-auth-btn[data-v-7a283c7d]:disabled{opacity:.6;cursor:not-allowed;transform:none}.google-icon[data-v-7a283c7d]{display:flex;align-items:center;justify-content:center;flex-shrink:0}.google-text[data-v-7a283c7d]{flex:1;text-align:center}.google-signin-section .g_id_signin[data-v-7a283c7d]{border-radius:16px!important;box-shadow:0 4px 12px rgba(0,0,0,.1)!important;transition:all .2s ease!important}.google-signin-section .g_id_signin[data-v-7a283c7d]:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.15)!important}.auth-divider[data-v-7a283c7d]{text-align:center;margin:32px 0;position:relative}.auth-divider[data-v-7a283c7d]:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,#e5e7eb,transparent)}.auth-divider span[data-v-7a283c7d]{background:#fff;padding:0 20px;color:#6b7280;position:relative;font-weight:500;font-size:14px}.auth-form[data-v-7a283c7d]{display:flex;flex-direction:column;gap:20px}.form-group[data-v-7a283c7d]{position:relative}.form-group label[data-v-7a283c7d]{display:block;margin-bottom:8px;font-weight:600;color:#374151;font-size:15px}.form-group input[data-v-7a283c7d],.form-group select[data-v-7a283c7d]{width:100%;padding:16px 20px;border:2px solid #e5e7eb;border-radius:16px;font-size:16px;transition:all .3s ease;background:#fafbfc;color:#1f2937}.form-group input[data-v-7a283c7d]:focus,.form-group select[data-v-7a283c7d]:focus{outline:none;border-color:#4f46e5;background:#fff;box-shadow:0 0 0 4px rgba(79,70,229,.1),0 4px 12px rgba(0,0,0,.05);transform:translateY(-1px)}.form-group input[data-v-7a283c7d]:disabled,.form-group select[data-v-7a283c7d]:disabled{background-color:#f3f4f6;border-color:#d1d5db;color:#9ca3af;cursor:not-allowed}.form-group input[data-v-7a283c7d]::-moz-placeholder{color:#9ca3af;font-weight:400}.form-group input[data-v-7a283c7d]::placeholder{color:#9ca3af;font-weight:400}.country-input-container[data-v-7a283c7d]{position:relative}.custom-country-input[data-v-7a283c7d]{display:flex;gap:8px;align-items:center}.custom-country-field[data-v-7a283c7d]{flex:1}.cancel-custom-btn[data-v-7a283c7d]{padding:12px 16px;background:#f3f4f6;color:#6b7280;border:2px solid #e5e7eb;border-radius:12px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.cancel-custom-btn[data-v-7a283c7d]:hover:not(:disabled){background:#e5e7eb;border-color:#d1d5db}.cancel-custom-btn[data-v-7a283c7d]:disabled{opacity:.6;cursor:not-allowed}.custom-country-option[data-v-7a283c7d]{margin-top:8px;text-align:center}.enable-custom-btn[data-v-7a283c7d]{background:none;border:1px dashed #d1d5db;color:#6b7280;padding:8px 16px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;width:100%}.enable-custom-btn[data-v-7a283c7d]:hover:not(:disabled){border-color:#9ca3af;color:#4b5563;background:#f9fafb}.enable-custom-btn[data-v-7a283c7d]:disabled{opacity:.6;cursor:not-allowed}.field-error[data-v-7a283c7d]{color:#dc2626;font-size:14px;margin-top:8px;font-weight:500;display:flex;align-items:center;gap:6px}.field-error[data-v-7a283c7d]:before{content:"⚠️";font-size:12px}.auth-submit-btn[data-v-7a283c7d]{width:100%;padding:18px 24px;background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;border:none;border-radius:16px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:10px;box-shadow:0 4px 14px rgba(79,70,229,.3);margin-top:8px;position:relative;overflow:hidden}.auth-submit-btn[data-v-7a283c7d]:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent);transition:left .5s ease}.auth-submit-btn[data-v-7a283c7d]:hover:not(:disabled):before{left:100%}.auth-submit-btn[data-v-7a283c7d]:hover:not(:disabled){background:linear-gradient(135deg,#4338ca,#6d28d9);transform:translateY(-2px);box-shadow:0 8px 24px rgba(79,70,229,.4)}.auth-submit-btn[data-v-7a283c7d]:active:not(:disabled){transform:translateY(0)}.auth-submit-btn[data-v-7a283c7d]:disabled{background:#d1d5db;cursor:not-allowed;transform:none;box-shadow:none}.loading-spinner[data-v-7a283c7d]{width:20px;height:20px;border:2px solid hsla(0,0%,100%,.3);border-top:2px solid #fff;border-radius:50%;animation:spin-7a283c7d 1s linear infinite}@keyframes spin-7a283c7d{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.auth-switch[data-v-7a283c7d]{text-align:center;margin-top:24px;padding-top:24px;position:relative}.auth-switch[data-v-7a283c7d]:before{content:"";position:absolute;top:0;left:24px;right:24px;height:1px;background:linear-gradient(90deg,transparent,#e5e7eb,transparent)}.auth-switch p[data-v-7a283c7d]{margin:0;color:#6b7280;font-size:15px}.switch-btn[data-v-7a283c7d]{background:none;border:none;color:#4f46e5;cursor:pointer;font-weight:600;text-decoration:none;padding:4px 8px;border-radius:8px;transition:all .2s ease;margin-left:6px}.switch-btn[data-v-7a283c7d]:hover{color:#4338ca;background:rgba(79,70,229,.1);transform:translateY(-1px)}@media (max-width:480px){.auth-modal-overlay[data-v-7a283c7d]{padding:16px;display:flex;align-items:center;justify-content:center;min-height:100vh;min-height:100dvh}.auth-modal[data-v-7a283c7d]{margin:0;max-width:none;width:100%;border-radius:16px;max-height:85vh;max-height:85dvh;overflow-y:auto;display:flex;flex-direction:column}.auth-modal-header[data-v-7a283c7d]{padding:20px 20px 0;flex-shrink:0}.auth-modal-body[data-v-7a283c7d]{padding:0 20px 20px;flex:1;overflow-y:auto}.auth-title[data-v-7a283c7d]{font-size:22px}.form-group input[data-v-7a283c7d],.form-group select[data-v-7a283c7d]{padding:16px;font-size:16px;border-radius:12px}.auth-submit-btn[data-v-7a283c7d]{padding:18px 24px;font-size:16px;min-height:56px}.google-auth-btn[data-v-7a283c7d]{padding:18px 20px;font-size:16px;min-height:56px;border-radius:12px}.google-auth-btn[data-v-7a283c7d]:active{transform:scale(.96);background:#f0f1f2}}@media (min-width:481px) and (max-width:768px){.auth-modal-overlay[data-v-7a283c7d]{padding:16px;display:flex;align-items:center;justify-content:center;min-height:100vh;min-height:100dvh}.auth-modal[data-v-7a283c7d]{margin:0;max-width:420px;width:100%;border-radius:20px;max-height:90vh;max-height:90dvh;overflow-y:auto;display:flex;flex-direction:column}.auth-modal-header[data-v-7a283c7d]{padding:24px 24px 0;flex-shrink:0}.auth-modal-body[data-v-7a283c7d]{padding:0 24px 24px;flex:1;overflow-y:auto}.auth-title[data-v-7a283c7d]{font-size:26px}.form-group input[data-v-7a283c7d],.form-group select[data-v-7a283c7d]{padding:16px 20px;font-size:16px}.auth-submit-btn[data-v-7a283c7d],.google-auth-btn[data-v-7a283c7d]{padding:18px 24px;font-size:16px;min-height:52px}}@media (min-width:769px) and (max-width:1024px){.auth-modal[data-v-7a283c7d]{margin:24px;max-width:480px;border-radius:24px}.auth-modal-header[data-v-7a283c7d]{padding:32px 32px 0}.auth-modal-body[data-v-7a283c7d]{padding:0 32px 32px}.auth-title[data-v-7a283c7d]{font-size:28px}.form-group input[data-v-7a283c7d],.form-group select[data-v-7a283c7d]{padding:16px 20px;font-size:16px}.auth-submit-btn[data-v-7a283c7d],.google-auth-btn[data-v-7a283c7d]{padding:18px 24px;font-size:16px;min-height:50px}.google-auth-btn[data-v-7a283c7d]:active{transform:scale(.98)}}@media (min-width:1025px) and (max-width:1366px){.auth-modal[data-v-7a283c7d]{max-width:520px;border-radius:24px}.auth-title[data-v-7a283c7d]{font-size:30px}.form-group input[data-v-7a283c7d],.form-group select[data-v-7a283c7d]{padding:16px 20px;font-size:15px}.auth-submit-btn[data-v-7a283c7d]{padding:18px 24px;font-size:16px;min-height:48px}.google-auth-btn[data-v-7a283c7d]{padding:16px 20px;font-size:16px;min-height:48px}}@media (min-width:1367px) and (max-width:1920px){.auth-modal[data-v-7a283c7d]{max-width:560px;border-radius:24px}.auth-title[data-v-7a283c7d]{font-size:32px}.form-group input[data-v-7a283c7d],.form-group select[data-v-7a283c7d]{padding:18px 24px;font-size:16px}.auth-submit-btn[data-v-7a283c7d]{padding:20px 28px;font-size:16px;min-height:48px}.google-auth-btn[data-v-7a283c7d]{padding:18px 24px;font-size:16px;min-height:48px}}@media (min-width:1921px){.auth-modal[data-v-7a283c7d]{max-width:600px;border-radius:28px}.auth-modal-header[data-v-7a283c7d]{padding:40px 40px 0}.auth-modal-body[data-v-7a283c7d]{padding:0 40px 40px}.auth-title[data-v-7a283c7d]{font-size:36px}.form-group input[data-v-7a283c7d],.form-group select[data-v-7a283c7d]{padding:20px 24px;font-size:18px}.auth-submit-btn[data-v-7a283c7d]{padding:22px 32px;font-size:18px;min-height:52px}.google-auth-btn[data-v-7a283c7d]{padding:20px 28px;font-size:18px;min-height:52px}.google-icon svg[data-v-7a283c7d]{width:24px;height:24px}}@media (hover:none) and (pointer:coarse){.auth-submit-btn[data-v-7a283c7d],.google-auth-btn[data-v-7a283c7d],.switch-btn[data-v-7a283c7d]{-webkit-tap-highlight-color:transparent;touch-action:manipulation}.auth-submit-btn[data-v-7a283c7d]:active,.google-auth-btn[data-v-7a283c7d]:active{transform:scale(.96)}.auth-submit-btn[data-v-7a283c7d],.google-auth-btn[data-v-7a283c7d]{min-height:44px}}@media (min-resolution:192dpi){.google-icon svg[data-v-7a283c7d]{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}.auth-modal[data-v-7a283c7d]{border:.5px solid rgba(0,0,0,.1)}}@media (orientation:landscape) and (max-height:500px){.auth-modal[data-v-7a283c7d]{max-height:90vh;overflow-y:auto}.auth-modal-header[data-v-7a283c7d]{padding:16px 24px 0}.auth-modal-body[data-v-7a283c7d]{padding:0 24px 16px}.auth-title[data-v-7a283c7d]{font-size:20px}.google-signin-section[data-v-7a283c7d]{margin-bottom:16px}}@media (prefers-reduced-motion:reduce){.auth-modal-overlay[data-v-7a283c7d],.auth-modal[data-v-7a283c7d],.auth-submit-btn[data-v-7a283c7d],.error-message[data-v-7a283c7d],.google-auth-btn[data-v-7a283c7d]{animation:none!important;transition:none!important}.auth-submit-btn[data-v-7a283c7d]:active,.google-auth-btn[data-v-7a283c7d]:active{transform:none!important}}@media (prefers-color-scheme:dark){.auth-modal[data-v-7a283c7d]{background:#1f2937;color:#f9fafb}.auth-title[data-v-7a283c7d]{background:linear-gradient(135deg,#818cf8,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.form-group input[data-v-7a283c7d],.form-group select[data-v-7a283c7d]{background:#374151;border-color:#4b5563;color:#f9fafb}.form-group input[data-v-7a283c7d]:focus,.form-group select[data-v-7a283c7d]:focus{background:#374151;border-color:#818cf8}.auth-divider span[data-v-7a283c7d]{background:#1f2937;color:#9ca3af}}@media (orientation:landscape) and (max-height:600px){.auth-modal-overlay[data-v-7a283c7d]{padding:8px;align-items:flex-start;justify-content:center;overflow-y:auto;-webkit-overflow-scrolling:touch}.auth-modal[data-v-7a283c7d]{margin:8px 0;max-height:95vh;max-height:95dvh;min-height:auto}.auth-modal-header[data-v-7a283c7d]{padding:16px 20px 0;margin-bottom:16px}.auth-modal-body[data-v-7a283c7d]{padding:0 20px 16px}.auth-title[data-v-7a283c7d]{font-size:20px}.form-group[data-v-7a283c7d]{margin-bottom:16px}.auth-submit-btn[data-v-7a283c7d],.google-auth-btn[data-v-7a283c7d]{padding:14px 20px;min-height:48px}}@media (prefers-reduced-motion:reduce){.auth-modal-overlay[data-v-7a283c7d],.auth-modal[data-v-7a283c7d],.error-message[data-v-7a283c7d]{animation:none}.auth-submit-btn[data-v-7a283c7d],.form-group input[data-v-7a283c7d],.form-group select[data-v-7a283c7d],.switch-btn[data-v-7a283c7d]{transition:none}}.auth-submit-btn[data-v-7a283c7d]:focus-visible,.close-btn[data-v-7a283c7d]:focus-visible,.switch-btn[data-v-7a283c7d]:focus-visible{outline:2px solid #4f46e5;outline-offset:2px}.form-group input[data-v-7a283c7d]:focus-visible,.form-group select[data-v-7a283c7d]:focus-visible{outline:2px solid #4f46e5;outline-offset:-2px}.forgot-password-link[data-v-7a283c7d]{margin-top:8px;text-align:right}.forgot-password-btn[data-v-7a283c7d]{background:none;border:none;color:#6366f1;font-size:.875rem;cursor:pointer;padding:4px 0;text-decoration:none;transition:all .2s ease}.forgot-password-btn[data-v-7a283c7d]:hover:not(:disabled){color:#4f46e5;text-decoration:underline}.forgot-password-btn[data-v-7a283c7d]:disabled{opacity:.5;cursor:not-allowed}.forgot-password-btn[data-v-7a283c7d]:focus-visible{outline:2px solid #4f46e5;outline-offset:2px;border-radius:4px}.onboarding-overlay[data-v-1071eedc]{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1060;padding:20px}.onboarding-modal[data-v-1071eedc]{background:#fff;border-radius:16px;max-width:500px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 10px 30px rgba(0,0,0,.3)}.onboarding-header[data-v-1071eedc]{text-align:center;padding:32px 24px 24px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:16px 16px 0 0}.onboarding-title[data-v-1071eedc]{margin:0 0 8px;font-size:28px;font-weight:600}.onboarding-subtitle[data-v-1071eedc]{margin:0;font-size:16px;opacity:.9}.onboarding-body[data-v-1071eedc]{padding:24px}.error-message[data-v-1071eedc]{background:#fee;color:#c33;padding:12px;border-radius:8px;margin-bottom:20px;border:1px solid #fcc;display:flex;justify-content:space-between;align-items:center}.error-close[data-v-1071eedc]{background:none;border:none;color:#c33;cursor:pointer;font-size:18px;padding:0;margin-left:10px}.progress-steps[data-v-1071eedc]{display:flex;align-items:center;justify-content:center;margin-bottom:32px}.step[data-v-1071eedc]{display:flex;flex-direction:column;align-items:center;gap:8px}.step.active .step-number[data-v-1071eedc]{background:#667eea;color:#fff}.step-number[data-v-1071eedc]{width:32px;height:32px;border-radius:50%;background:#e0e0e0;color:#666;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px}.step-label[data-v-1071eedc]{font-size:12px;color:#666;font-weight:500}.step-line[data-v-1071eedc]{width:40px;height:2px;background:#e0e0e0;margin:0 16px}.user-info[data-v-1071eedc]{display:flex;align-items:center;gap:16px;padding:20px;background:#f8f9fa;border-radius:12px;margin-bottom:24px}.avatar-section[data-v-1071eedc]{flex-shrink:0}.user-avatar[data-v-1071eedc]{width:60px;height:60px;border-radius:50%;-o-object-fit:cover;object-fit:cover}.user-avatar-placeholder[data-v-1071eedc]{width:60px;height:60px;border-radius:50%;background:#667eea;color:#fff;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:600}.user-details[data-v-1071eedc]{flex:1}.verified-field[data-v-1071eedc]{display:flex;align-items:center;gap:8px;margin-bottom:4px}.field-label[data-v-1071eedc]{font-size:14px;font-weight:500;color:#666;min-width:60px}.field-value[data-v-1071eedc]{font-size:14px;color:#333}.form-section[data-v-1071eedc]{margin-bottom:24px}.section-title[data-v-1071eedc]{margin:0 0 16px;font-size:18px;font-weight:600;color:#333}.form-group[data-v-1071eedc]{margin-bottom:16px}.form-group label[data-v-1071eedc]{display:flex;align-items:center;gap:8px;margin-bottom:6px;font-weight:500;color:#333}.label-icon[data-v-1071eedc]{font-size:16px}.form-group input[data-v-1071eedc],.form-group select[data-v-1071eedc]{width:100%;padding:12px;border:1px solid #ddd;border-radius:8px;font-size:16px;transition:border-color .2s}.form-group input[data-v-1071eedc]:focus,.form-group select[data-v-1071eedc]:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 2px rgba(102,126,234,.1)}.form-group input[data-v-1071eedc]:disabled,.form-group select[data-v-1071eedc]:disabled{background-color:#f5f5f5;cursor:not-allowed}.field-error[data-v-1071eedc]{color:#c33;font-size:14px;margin-top:4px}.field-info[data-v-1071eedc]{color:#666;font-size:14px;margin-top:4px}.field-success[data-v-1071eedc]{color:#2e7d32;font-size:14px;margin-top:4px}.country-input-container[data-v-1071eedc]{position:relative}.custom-country-input[data-v-1071eedc]{display:flex;gap:8px;align-items:center}.custom-country-field[data-v-1071eedc]{flex:1}.cancel-custom-btn[data-v-1071eedc]{padding:12px 16px;background:#f3f4f6;color:#6b7280;border:2px solid #e5e7eb;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.cancel-custom-btn[data-v-1071eedc]:hover:not(:disabled){background:#e5e7eb;border-color:#d1d5db}.cancel-custom-btn[data-v-1071eedc]:disabled{opacity:.6;cursor:not-allowed}.custom-country-option[data-v-1071eedc]{margin-top:8px;text-align:center}.enable-custom-btn[data-v-1071eedc]{background:none;border:1px dashed #d1d5db;color:#6b7280;padding:8px 16px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;width:100%}.enable-custom-btn[data-v-1071eedc]:hover:not(:disabled){border-color:#9ca3af;color:#4b5563;background:#f9fafb}.enable-custom-btn[data-v-1071eedc]:disabled{opacity:.6;cursor:not-allowed}.action-buttons[data-v-1071eedc]{display:flex;gap:12px;margin-top:32px}.skip-btn[data-v-1071eedc]{flex:1;padding:12px;background:transparent;color:#666;border:1px solid #ddd;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;transition:all .2s}.skip-btn[data-v-1071eedc]:hover:not(:disabled){background:#f5f5f5;border-color:#bbb}.complete-btn[data-v-1071eedc]{flex:2;padding:12px;background:#667eea;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;transition:background-color .2s;display:flex;align-items:center;justify-content:center;gap:8px}.complete-btn[data-v-1071eedc]:hover:not(:disabled){background:#5a67d8}.complete-btn[data-v-1071eedc]:disabled{background:#ccc;cursor:not-allowed}.loading-spinner[data-v-1071eedc]{width:16px;height:16px;border:2px solid hsla(0,0%,100%,.3);border-top:2px solid #fff;border-radius:50%;animation:spin-1071eedc 1s linear infinite}@keyframes spin-1071eedc{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:480px){.onboarding-modal[data-v-1071eedc]{margin:10px;max-width:none}.onboarding-header[data-v-1071eedc]{padding:24px 16px 16px}.onboarding-body[data-v-1071eedc]{padding:16px}.onboarding-title[data-v-1071eedc]{font-size:24px}.user-info[data-v-1071eedc]{flex-direction:column;text-align:center}.action-buttons[data-v-1071eedc]{flex-direction:column}}.progress-overlay[data-v-5c4565f0]{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1060;padding:20px}.progress-modal[data-v-5c4565f0]{background:#fff;border-radius:16px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 10px 30px rgba(0,0,0,.3)}.progress-header[data-v-5c4565f0]{display:flex;justify-content:space-between;align-items:center;padding:24px 24px 16px;border-bottom:1px solid #e0e0e0}.progress-title[data-v-5c4565f0]{margin:0;font-size:24px;font-weight:600;color:#333}.close-btn[data-v-5c4565f0]{background:none;border:none;font-size:24px;color:#666;cursor:pointer;padding:4px;border-radius:4px;transition:background-color .2s}.close-btn[data-v-5c4565f0]:hover{background-color:#f0f0f0}.progress-body[data-v-5c4565f0]{padding:24px}.stats-section[data-v-5c4565f0]{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:16px;margin-bottom:32px}.stat-card[data-v-5c4565f0]{background:#f8f9fa;border-radius:12px;padding:20px;text-align:center;border:1px solid #e0e0e0}.stat-icon[data-v-5c4565f0]{font-size:24px;margin-bottom:8px}.stat-value[data-v-5c4565f0]{font-size:24px;font-weight:700;color:#333;margin-bottom:4px}.stat-label[data-v-5c4565f0]{font-size:12px;color:#666;font-weight:500}.activity-section[data-v-5c4565f0],.categories-section[data-v-5c4565f0]{margin-bottom:24px}.section-title[data-v-5c4565f0]{font-size:18px;font-weight:600;color:#333;margin-bottom:16px}.category-list[data-v-5c4565f0]{space-y:16px}.category-item[data-v-5c4565f0]{margin-bottom:16px}.category-header[data-v-5c4565f0]{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.category-icon[data-v-5c4565f0]{font-size:16px;margin-right:8px}.category-name[data-v-5c4565f0]{font-weight:500;color:#333;flex:1}.category-progress[data-v-5c4565f0]{font-size:14px;color:#666}.progress-bar[data-v-5c4565f0]{height:8px;background:#e0e0e0;border-radius:4px;overflow:hidden}.progress-fill[data-v-5c4565f0]{height:100%;background:linear-gradient(135deg,#667eea,#764ba2);transition:width .3s ease}.activity-list[data-v-5c4565f0]{space-y:12px}.activity-item[data-v-5c4565f0]{display:flex;align-items:center;gap:12px;padding:12px;background:#f8f9fa;border-radius:8px;margin-bottom:12px}.activity-icon[data-v-5c4565f0]{font-size:20px;width:32px;text-align:center}.activity-info[data-v-5c4565f0]{flex:1}.activity-title[data-v-5c4565f0]{font-weight:500;color:#333;font-size:14px}.activity-time[data-v-5c4565f0]{font-size:12px;color:#666}.activity-score[data-v-5c4565f0]{font-weight:600;color:#4caf50;font-size:14px}.no-activity[data-v-5c4565f0]{text-align:center;padding:32px;color:#666}.no-activity-icon[data-v-5c4565f0]{font-size:48px;margin-bottom:16px}.no-activity-text[data-v-5c4565f0]{font-size:16px}.progress-footer[data-v-5c4565f0]{padding:16px 24px;border-top:1px solid #e0e0e0;text-align:center}.continue-btn[data-v-5c4565f0]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;padding:12px 32px;font-size:16px;font-weight:500;cursor:pointer;transition:all .2s}.continue-btn[data-v-5c4565f0]:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(102,126,234,.3)}@media (max-width:480px){.progress-modal[data-v-5c4565f0]{margin:10px;max-width:none}.progress-body[data-v-5c4565f0],.progress-header[data-v-5c4565f0]{padding:16px}.progress-title[data-v-5c4565f0]{font-size:20px}.stats-section[data-v-5c4565f0]{grid-template-columns:repeat(2,1fr);gap:12px}.stat-card[data-v-5c4565f0]{padding:16px}.stat-value[data-v-5c4565f0]{font-size:20px}}.loading-section[data-v-5c4565f0]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#666}.loading-spinner-large[data-v-5c4565f0]{width:40px;height:40px;border:4px solid rgba(102,126,234,.1);border-top:4px solid #667eea;border-radius:50%;animation:spin-5c4565f0 1s linear infinite;margin-bottom:16px}@keyframes spin-5c4565f0{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.settings-overlay[data-v-7302ea5f]{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1060;padding:20px}.settings-modal[data-v-7302ea5f]{background:#fff;border-radius:16px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 10px 30px rgba(0,0,0,.3)}.settings-header[data-v-7302ea5f]{display:flex;justify-content:space-between;align-items:center;padding:24px 24px 16px;border-bottom:1px solid #e0e0e0}.settings-title[data-v-7302ea5f]{margin:0;font-size:24px;font-weight:600;color:#333}.close-btn[data-v-7302ea5f]{background:none;border:none;font-size:24px;color:#666;cursor:pointer;padding:4px;border-radius:4px;transition:background-color .2s}.close-btn[data-v-7302ea5f]:hover{background-color:#f0f0f0}.settings-body[data-v-7302ea5f]{padding:24px}.error-message[data-v-7302ea5f]{background:#fee;color:#c33;border-radius:8px;border:1px solid #fcc}.error-message[data-v-7302ea5f],.success-message[data-v-7302ea5f]{padding:12px;margin-bottom:20px;display:flex;justify-content:space-between;align-items:center}.success-message[data-v-7302ea5f]{background:#e8f5e8;color:#2e7d32;border-radius:8px;border:1px solid #c8e6c9}.error-close[data-v-7302ea5f],.success-close[data-v-7302ea5f]{background:none;border:none;color:inherit;cursor:pointer;font-size:18px;padding:0;margin-left:10px}.form-section[data-v-7302ea5f]{margin-bottom:32px}.section-title[data-v-7302ea5f]{margin:0 0 16px;font-size:18px;font-weight:600;color:#333}.form-group[data-v-7302ea5f]{margin-bottom:20px}.form-group label[data-v-7302ea5f]{display:flex;align-items:center;gap:8px;margin-bottom:6px;font-weight:500;color:#333}.label-icon[data-v-7302ea5f]{font-size:16px}.form-group input[data-v-7302ea5f],.form-group select[data-v-7302ea5f]{width:100%;padding:12px;border:1px solid #ddd;border-radius:8px;font-size:16px;transition:border-color .2s}.form-group input[data-v-7302ea5f]:focus,.form-group select[data-v-7302ea5f]:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 2px rgba(102,126,234,.1)}.form-group input[data-v-7302ea5f]:disabled,.form-group select[data-v-7302ea5f]:disabled{background-color:#f5f5f5;cursor:not-allowed}.readonly-field[data-v-7302ea5f]{background-color:#f8f9fa!important;color:#666}.field-error[data-v-7302ea5f]{color:#c33;font-size:14px;margin-top:4px}.field-info[data-v-7302ea5f]{color:#666;font-size:14px;margin-top:4px}.field-success[data-v-7302ea5f]{color:#2e7d32;font-size:14px;margin-top:4px}.country-input-container[data-v-7302ea5f]{position:relative}.custom-country-input[data-v-7302ea5f]{display:flex;gap:8px;align-items:center}.custom-country-field[data-v-7302ea5f]{flex:1}.cancel-custom-btn[data-v-7302ea5f]{padding:12px 16px;background:#f3f4f6;color:#6b7280;border:2px solid #e5e7eb;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.cancel-custom-btn[data-v-7302ea5f]:hover:not(:disabled){background:#e5e7eb;border-color:#d1d5db}.custom-country-option[data-v-7302ea5f]{margin-top:8px;text-align:center}.enable-custom-btn[data-v-7302ea5f]{background:none;border:1px dashed #d1d5db;color:#6b7280;padding:8px 16px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;width:100%}.enable-custom-btn[data-v-7302ea5f]:hover:not(:disabled){border-color:#9ca3af;color:#4b5563;background:#f9fafb}.info-item[data-v-7302ea5f]{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding:8px 0;border-bottom:1px solid #f0f0f0}.info-item[data-v-7302ea5f]:last-child{border-bottom:none}.info-label[data-v-7302ea5f]{font-weight:500;color:#666}.info-value[data-v-7302ea5f]{color:#333}.auth-method[data-v-7302ea5f]{background:#e3f2fd;color:#1976d2;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600;text-transform:uppercase}.action-buttons[data-v-7302ea5f]{display:flex;gap:12px;margin-top:32px;padding-top:20px;border-top:1px solid #e0e0e0}.cancel-btn[data-v-7302ea5f]{flex:1;padding:12px;background:transparent;color:#666;border:1px solid #ddd;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;transition:all .2s}.cancel-btn[data-v-7302ea5f]:hover:not(:disabled){background:#f5f5f5;border-color:#bbb}.save-btn[data-v-7302ea5f]{flex:2;padding:12px;background:#667eea;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;transition:background-color .2s;display:flex;align-items:center;justify-content:center;gap:8px}.save-btn[data-v-7302ea5f]:hover:not(:disabled){background:#5a67d8}.save-btn[data-v-7302ea5f]:disabled{background:#ccc;cursor:not-allowed}.loading-spinner[data-v-7302ea5f]{width:16px;height:16px;border:2px solid hsla(0,0%,100%,.3);border-top:2px solid #fff;border-radius:50%;animation:spin-7302ea5f 1s linear infinite}@keyframes spin-7302ea5f{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:480px){.settings-modal[data-v-7302ea5f]{margin:10px;max-width:none}.settings-body[data-v-7302ea5f],.settings-header[data-v-7302ea5f]{padding:16px}.settings-title[data-v-7302ea5f]{font-size:20px}.action-buttons[data-v-7302ea5f]{flex-direction:column}}.navbar[data-v-d1e3f22e]{position:sticky;top:0;z-index:1050;background:hsla(0,0%,100%,.98);border-bottom:1px solid rgba(0,0,0,.1);box-shadow:0 2px 10px rgba(0,0,0,.08);margin:0;padding:0;border-radius:0;min-height:70px;will-change:transform}@media (max-width:768px){.navbar[data-v-d1e3f22e]{background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.1);min-height:60px}}@media (max-width:768px) and (prefers-reduced-data:reduce){.navbar[data-v-d1e3f22e]{background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.1)}}.navbar-container[data-v-d1e3f22e]{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:0 20px;height:70px;min-height:70px;opacity:1;visibility:visible}@media (max-width:768px){.navbar-container[data-v-d1e3f22e]{height:60px;min-height:60px;padding:0 16px;opacity:1!important;visibility:visible!important;transform:translateZ(0)}}.navbar-brand[data-v-d1e3f22e]{display:flex;align-items:center;text-decoration:none;color:#1a202c;font-weight:700;font-size:1.5rem;transition:all .3s ease}.navbar-brand[data-v-d1e3f22e]:hover{color:#3182ce;transform:translateY(-1px)}.logo-img[data-v-d1e3f22e]{width:40px;height:40px;margin-right:12px;border-radius:8px}.brand-text[data-v-d1e3f22e]{font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.desktop-nav[data-v-d1e3f22e]{display:flex;list-style:none;margin:0;padding:0;gap:2rem}.nav-item[data-v-d1e3f22e]{position:relative}.nav-link[data-v-d1e3f22e]{display:block;padding:.5rem 1rem;color:#4a5568;text-decoration:none;font-weight:500;font-size:.95rem;border-radius:8px;transition:all .3s ease;position:relative}.nav-link.router-link-active[data-v-d1e3f22e],.nav-link[data-v-d1e3f22e]:hover{color:#3182ce;background:rgba(49,130,206,.1);transform:translateY(-1px)}.nav-link[data-v-d1e3f22e]:after{content:"";position:absolute;bottom:-2px;left:50%;width:0;height:2px;background:linear-gradient(135deg,#667eea,#764ba2);transition:all .3s ease;transform:translateX(-50%)}.nav-link.router-link-active[data-v-d1e3f22e]:after,.nav-link[data-v-d1e3f22e]:hover:after{width:80%}.desktop-auth[data-v-d1e3f22e]{display:flex;align-items:center}.auth-nav-item[data-v-d1e3f22e]{margin-left:1rem;display:flex;align-items:center}.mobile-toggle[data-v-d1e3f22e]{display:none;flex-direction:column;justify-content:center;align-items:center;width:40px;height:40px;background:none;border:none;cursor:pointer;padding:8px;border-radius:8px;transition:all .3s ease}.mobile-toggle.toggle-touched[data-v-d1e3f22e],.mobile-toggle[data-v-d1e3f22e]:hover{background:rgba(0,0,0,.05);transform:scale(.95)}.hamburger-line[data-v-d1e3f22e]{width:24px;height:3px;background:#4a5568;margin:3px 0;transition:all .3s ease;transform-origin:center}.hamburger-line.active[data-v-d1e3f22e]:first-child{transform:rotate(45deg) translate(7px,7px)}.hamburger-line.active[data-v-d1e3f22e]:nth-child(2){opacity:0}.hamburger-line.active[data-v-d1e3f22e]:nth-child(3){transform:rotate(-45deg) translate(7px,-7px)}.mobile-menu-overlay[data-v-d1e3f22e]{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,.5);z-index:1040;opacity:0;visibility:hidden;transition:all .3s ease}.mobile-menu-overlay.active[data-v-d1e3f22e]{opacity:1;visibility:visible}.mobile-menu[data-v-d1e3f22e]{position:fixed;top:70px;right:-100%;width:300px;height:calc(100vh - 70px);background:#fff;box-shadow:-5px 0 15px rgba(0,0,0,.1);z-index:1045;transition:transform .3s ease;overflow-y:auto;display:flex;flex-direction:column;transform:translateX(100%)}.mobile-menu.active[data-v-d1e3f22e]{transform:translateX(0)}@media (max-width:768px){.mobile-menu[data-v-d1e3f22e]{top:60px;height:calc(100vh - 60px);transform:translateX(100%);will-change:transform}.mobile-menu.active[data-v-d1e3f22e]{transform:translateX(0)}}.mobile-nav[data-v-d1e3f22e]{list-style:none;margin:0;padding:20px 0;flex:1}.mobile-nav-item[data-v-d1e3f22e]{margin:0}.mobile-nav-link[data-v-d1e3f22e]{display:flex;align-items:center;padding:16px 24px;color:#4a5568;text-decoration:none;font-weight:500;font-size:1rem;transition:all .3s ease;border-left:4px solid transparent}.mobile-nav-link.nav-touched[data-v-d1e3f22e],.mobile-nav-link.router-link-active[data-v-d1e3f22e],.mobile-nav-link[data-v-d1e3f22e]:hover{color:#3182ce;background:rgba(49,130,206,.05);border-left-color:#3182ce;transform:translateX(4px)}.mobile-nav-link i[data-v-d1e3f22e]{margin-right:12px;font-size:1.1rem;width:20px;text-align:center}.mobile-auth[data-v-d1e3f22e]{padding:20px 24px;border-top:1px solid rgba(0,0,0,.1);background:#f7fafc}@media (min-width:769px){.mobile-menu-overlay[data-v-d1e3f22e],.mobile-menu.active[data-v-d1e3f22e],.mobile-menu[data-v-d1e3f22e]{display:none!important;visibility:hidden!important}.mobile-toggle[data-v-d1e3f22e]{display:none!important}}@media (max-width:768px){.navbar-container[data-v-d1e3f22e]{padding:0 16px;height:60px;min-height:60px}.desktop-auth[data-v-d1e3f22e],.desktop-nav[data-v-d1e3f22e]{display:none!important}.mobile-toggle[data-v-d1e3f22e]{display:flex!important;opacity:1;visibility:visible}.brand-text[data-v-d1e3f22e]{font-size:1.25rem}.logo-img[data-v-d1e3f22e]{width:32px;height:32px}.mobile-menu[data-v-d1e3f22e]{top:60px;height:calc(100vh - 60px);width:280px;display:flex;transform:translateX(100%)}.mobile-menu.active[data-v-d1e3f22e]{transform:translateX(0)}.mobile-nav-link i[data-v-d1e3f22e]{display:inline-block;min-width:20px;text-align:center}.mobile-nav-link i[data-v-d1e3f22e]:before{content:attr(data-fallback)}}@media (max-width:480px){.navbar-container[data-v-d1e3f22e]{padding:0 12px}.mobile-menu[data-v-d1e3f22e]{width:100vw;right:-100vw}.mobile-menu.active[data-v-d1e3f22e]{right:0}}@media (min-width:769px) and (max-width:1024px){.navbar-container[data-v-d1e3f22e]{padding:0 24px}.desktop-nav[data-v-d1e3f22e]{gap:1.5rem}.nav-link[data-v-d1e3f22e]{padding:.4rem .8rem;font-size:.9rem}}@media (min-width:1200px){.navbar-container[data-v-d1e3f22e]{padding:0 40px}.desktop-nav[data-v-d1e3f22e]{gap:2.5rem}}.mobile-nav-link[data-v-d1e3f22e]:focus,.mobile-toggle[data-v-d1e3f22e]:focus,.nav-link[data-v-d1e3f22e]:focus,.navbar-brand[data-v-d1e3f22e]:focus{outline:2px solid #3182ce;outline-offset:2px}[data-v-d1e3f22e]{box-sizing:border-box}@media (max-width:768px){.mobile-menu[data-v-d1e3f22e]{transition:transform .25s ease}.mobile-menu-overlay[data-v-d1e3f22e]{transition:opacity .25s ease}.hamburger-line[data-v-d1e3f22e]{transition:transform .2s ease}.mobile-nav-link[data-v-d1e3f22e],.nav-link[data-v-d1e3f22e]{transition:background-color .2s ease,color .2s ease}}@media (min-width:769px){.hamburger-line[data-v-d1e3f22e],.mobile-menu-overlay[data-v-d1e3f22e],.mobile-menu[data-v-d1e3f22e],.mobile-nav-link[data-v-d1e3f22e],.nav-link[data-v-d1e3f22e]{transition:all .3s cubic-bezier(.4,0,.2,1)}}@media (prefers-contrast:high){.navbar[data-v-d1e3f22e]{border-bottom:2px solid #000}.mobile-nav-link[data-v-d1e3f22e],.nav-link[data-v-d1e3f22e]{color:#000}}@media (prefers-reduced-motion:reduce){[data-v-d1e3f22e],[data-v-d1e3f22e]:after,[data-v-d1e3f22e]:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.footer[data-v-38ccfbeb]{background:#0f0f23!important;color:#fff!important;border-top:3px solid red!important;font-family:Inter,sans-serif;position:relative;overflow:hidden;width:100%!important;min-height:140px!important;display:block!important;flex-shrink:0;margin-top:auto;z-index:9999!important}.footer[data-v-38ccfbeb]:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle at 20% 30%,rgba(120,119,198,.1) 0,transparent 50%),radial-gradient(circle at 80% 70%,rgba(255,119,198,.1) 0,transparent 50%);pointer-events:none}.footer-container[data-v-38ccfbeb]{max-width:1400px;margin:0 auto;padding:0 24px;position:relative;z-index:1;width:100%;display:block}.footer-main[data-v-38ccfbeb]{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:48px;padding:60px 0 40px;border-bottom:1px solid hsla(0,0%,100%,.1)}.footer-section[data-v-38ccfbeb]{display:flex;flex-direction:column;gap:20px}.company-info[data-v-38ccfbeb]{max-width:320px}.company-logo[data-v-38ccfbeb]{margin-bottom:16px}.logo-text[data-v-38ccfbeb]{font-size:1.75rem;font-weight:700;margin:0 0 4px 0;color:#fff;line-height:1.2}.logo-tagline[data-v-38ccfbeb]{font-size:.875rem;color:hsla(0,0%,100%,.6);font-weight:500;display:block;margin-bottom:20px}.company-description[data-v-38ccfbeb]{font-size:.95rem;color:hsla(0,0%,100%,.7);line-height:1.6;margin:0 0 24px 0;font-weight:400}.social-links[data-v-38ccfbeb]{display:flex;gap:12px;align-items:center}.social-link[data-v-38ccfbeb]{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;background:hsla(0,0%,100%,.1);color:hsla(0,0%,100%,.8);text-decoration:none;transition:all .3s ease;font-size:1rem;border:1px solid hsla(0,0%,100%,.1)}.social-link[data-v-38ccfbeb]:hover{background:hsla(0,0%,100%,.2);color:#fff;transform:translateY(-2px);border-color:hsla(0,0%,100%,.3)}.social-link.linkedin[data-v-38ccfbeb]:hover{background:#0077b5;border-color:#0077b5}.social-link.instagram[data-v-38ccfbeb]:hover{background:linear-gradient(45deg,#f09433,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888);border-color:#bc1888}.social-link.twitter[data-v-38ccfbeb]:hover{background:#1da1f2;border-color:#1da1f2}.social-link.youtube[data-v-38ccfbeb]:hover{background:red;border-color:red}.section-title[data-v-38ccfbeb]{font-size:.875rem;font-weight:600;color:#fff;margin:0 0 16px 0;text-transform:uppercase;letter-spacing:.5px;line-height:1.2}.footer-links[data-v-38ccfbeb]{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}.footer-link[data-v-38ccfbeb]{color:hsla(0,0%,100%,.7);text-decoration:none;font-size:.9rem;font-weight:400;transition:all .2s ease;line-height:1.4;position:relative;padding:4px 0}.footer-link[data-v-38ccfbeb]:hover{color:#fff;transform:translateX(4px)}.footer-link[data-v-38ccfbeb]:before{content:"";position:absolute;left:-12px;top:50%;transform:translateY(-50%);width:4px;height:4px;background:#667eea;border-radius:50%;opacity:0;transition:opacity .2s ease}.footer-link[data-v-38ccfbeb]:hover:before{opacity:1}.footer-bottom[data-v-38ccfbeb]{padding:24px 0;background:rgba(0,0,0,.2)}.footer-bottom-content[data-v-38ccfbeb]{justify-content:space-between}.footer-bottom-content[data-v-38ccfbeb],.legal-links[data-v-38ccfbeb]{display:flex;align-items:center;gap:24px}.legal-link[data-v-38ccfbeb]{color:hsla(0,0%,100%,.6);text-decoration:none;font-size:.85rem;font-weight:400;transition:color .2s ease}.legal-link[data-v-38ccfbeb]:hover{color:hsla(0,0%,100%,.9)}.footer-meta[data-v-38ccfbeb]{display:flex;align-items:center;gap:24px}.copyright[data-v-38ccfbeb]{margin:0;font-size:.85rem;color:hsla(0,0%,100%,.6);font-weight:400}.footer-badges[data-v-38ccfbeb]{display:flex;gap:16px;align-items:center}.badge[data-v-38ccfbeb]{display:flex;align-items:center;gap:6px;background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.1);border-radius:20px;padding:6px 12px;font-size:.75rem;font-weight:500;color:hsla(0,0%,100%,.8);transition:all .2s ease}.badge[data-v-38ccfbeb]:hover{background:hsla(0,0%,100%,.15);border-color:hsla(0,0%,100%,.2)}.badge i[data-v-38ccfbeb]{font-size:.75rem;color:#10b981}@media (max-width:1200px){.footer-main[data-v-38ccfbeb]{grid-template-columns:2fr 1fr 1fr;gap:40px}.footer-section[data-v-38ccfbeb]:last-child{grid-column:span 2;display:grid;grid-template-columns:1fr 1fr;gap:40px}}@media (max-width:768px){.footer-container[data-v-38ccfbeb]{padding:0 20px}.footer-main[data-v-38ccfbeb]{grid-template-columns:1fr;gap:40px;padding:40px 0 32px}.footer-section[data-v-38ccfbeb]:last-child{grid-column:span 1;display:flex;flex-direction:column;gap:20px}.company-info[data-v-38ccfbeb]{max-width:none}.footer-bottom-content[data-v-38ccfbeb]{flex-direction:column;gap:20px;text-align:center}.legal-links[data-v-38ccfbeb]{flex-wrap:wrap;justify-content:center;gap:16px}.footer-meta[data-v-38ccfbeb]{flex-direction:column;gap:16px}.footer-badges[data-v-38ccfbeb]{gap:12px}}@media (max-width:480px){.footer-container[data-v-38ccfbeb]{padding:0 16px}.footer-main[data-v-38ccfbeb]{gap:32px;padding:32px 0 24px}.footer-bottom[data-v-38ccfbeb]{padding:20px 0}.social-links[data-v-38ccfbeb]{justify-content:center}.legal-links[data-v-38ccfbeb]{gap:12px;font-size:.8rem}.footer-badges[data-v-38ccfbeb]{flex-direction:column;gap:8px}.badge[data-v-38ccfbeb]{font-size:.7rem;padding:4px 8px}}.footer-link[data-v-38ccfbeb]:focus,.legal-link[data-v-38ccfbeb]:focus,.social-link[data-v-38ccfbeb]:focus{outline:2px solid #667eea;outline-offset:2px;border-radius:4px}@media (prefers-reduced-motion:reduce){.badge[data-v-38ccfbeb],.footer-link[data-v-38ccfbeb],.social-link[data-v-38ccfbeb]{transition:none}.footer-link[data-v-38ccfbeb]:hover,.social-link[data-v-38ccfbeb]:hover{transform:none}}@media (prefers-contrast:high){.footer[data-v-38ccfbeb]{border-top:2px solid #fff}.footer-link[data-v-38ccfbeb],.social-link[data-v-38ccfbeb]{border:1px solid hsla(0,0%,100%,.5)}}@media print{.footer[data-v-38ccfbeb]{background:#fff;color:#000;border-top:2px solid #000}.footer-badges[data-v-38ccfbeb],.social-links[data-v-38ccfbeb]{display:none}}.signup-popup-overlay[data-v-751d3ffc]{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px;animation:overlayFadeIn-751d3ffc .3s ease-out}@keyframes overlayFadeIn-751d3ffc{0%{opacity:0}to{opacity:1}}.signup-popup[data-v-751d3ffc]{background:#fff;border-radius:20px;max-width:400px;width:100%;box-shadow:0 24px 48px rgba(0,0,0,.2),0 0 0 1px hsla(0,0%,100%,.1);animation:popupSlideIn-751d3ffc .4s cubic-bezier(.34,1.56,.64,1);overflow:hidden}@keyframes popupSlideIn-751d3ffc{0%{opacity:0;transform:translateY(32px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.popup-header[data-v-751d3ffc]{display:flex;justify-content:space-between;align-items:center;padding:24px 24px 0;margin-bottom:16px}.popup-title[data-v-751d3ffc]{margin:0;font-size:24px;font-weight:700;background:linear-gradient(135deg,#4f46e5,#7c3aed);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.close-btn[data-v-751d3ffc]{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;color:#64748b;font-size:18px}.close-btn[data-v-751d3ffc]:hover{background:#f1f5f9;border-color:#cbd5e1}.popup-body[data-v-751d3ffc]{padding:0 24px 24px}.popup-message[data-v-751d3ffc]{color:#64748b;font-size:16px;line-height:1.5;margin:0 0 24px 0;text-align:center}.popup-actions[data-v-751d3ffc]{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.signup-btn[data-v-751d3ffc]{width:100%;padding:16px 24px;background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 4px 12px rgba(79,70,229,.3)}.signup-btn[data-v-751d3ffc]:hover:not(:disabled){background:linear-gradient(135deg,#4338ca,#6d28d9);transform:translateY(-1px);box-shadow:0 6px 16px rgba(79,70,229,.4)}.signup-btn[data-v-751d3ffc]:disabled{background:#d1d5db;cursor:not-allowed;transform:none;box-shadow:none}.skip-btn[data-v-751d3ffc]{width:100%;padding:12px 24px;background:transparent;color:#64748b;border:2px solid #e2e8f0;border-radius:12px;font-size:15px;font-weight:500;cursor:pointer;transition:all .2s ease}.skip-btn[data-v-751d3ffc]:hover:not(:disabled){background:#f8fafc;border-color:#cbd5e1;color:#475569}.skip-btn[data-v-751d3ffc]:disabled{opacity:.6;cursor:not-allowed}.popup-features[data-v-751d3ffc]{display:flex;flex-direction:column;gap:12px}.feature-item[data-v-751d3ffc]{display:flex;align-items:center;gap:12px;font-size:14px;color:#64748b}.feature-icon[data-v-751d3ffc]{font-size:16px;width:24px;text-align:center}.loading-spinner[data-v-751d3ffc]{width:16px;height:16px;border:2px solid hsla(0,0%,100%,.3);border-top:2px solid #fff;border-radius:50%;animation:spin-751d3ffc 1s linear infinite}@keyframes spin-751d3ffc{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:480px){.signup-popup[data-v-751d3ffc]{margin:16px;max-width:none;border-radius:16px}.popup-header[data-v-751d3ffc]{padding:20px 20px 0}.popup-body[data-v-751d3ffc]{padding:0 20px 20px}.popup-title[data-v-751d3ffc]{font-size:20px}.popup-message[data-v-751d3ffc]{font-size:15px}}@media (prefers-color-scheme:dark){.signup-popup[data-v-751d3ffc]{background:#1f2937;color:#f9fafb}.popup-title[data-v-751d3ffc]{background:linear-gradient(135deg,#818cf8,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.feature-item[data-v-751d3ffc],.popup-message[data-v-751d3ffc]{color:#d1d5db}.close-btn[data-v-751d3ffc]{background:#374151;border-color:#4b5563;color:#d1d5db}.close-btn[data-v-751d3ffc]:hover{background:#4b5563;border-color:#6b7280}.skip-btn[data-v-751d3ffc]{border-color:#4b5563;color:#d1d5db}.skip-btn[data-v-751d3ffc]:hover:not(:disabled){background:#374151;border-color:#6b7280;color:#f3f4f6}}@media (prefers-reduced-motion:reduce){.signup-popup-overlay[data-v-751d3ffc],.signup-popup[data-v-751d3ffc]{animation:none}.close-btn[data-v-751d3ffc],.signup-btn[data-v-751d3ffc],.skip-btn[data-v-751d3ffc]{transition:none}}.close-btn[data-v-751d3ffc]:focus-visible,.signup-btn[data-v-751d3ffc]:focus-visible,.skip-btn[data-v-751d3ffc]:focus-visible{outline:2px solid #4f46e5;outline-offset:2px}.error-toast-container[data-v-be15e3dc]{position:fixed;top:20px;right:20px;z-index:9999;pointer-events:none}.error-toast[data-v-be15e3dc]{background:#fff;border-left:4px solid #dc3545;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.15);margin-bottom:10px;max-width:400px;min-width:300px;pointer-events:auto;position:relative;overflow:hidden}.error-toast.retry-mode[data-v-be15e3dc]{border-left-color:#ffc107}.toast-content[data-v-be15e3dc]{display:flex;align-items:flex-start;padding:16px;gap:12px}.toast-icon[data-v-be15e3dc]{color:#dc3545;font-size:18px;margin-top:2px;flex-shrink:0}.retry-mode .toast-icon[data-v-be15e3dc]{color:#ffc107}.toast-message[data-v-be15e3dc]{flex:1;min-width:0}.toast-message p[data-v-be15e3dc]{margin:0 0 4px 0;font-size:14px;font-weight:500;color:#333;line-height:1.4;word-wrap:break-word}.toast-message small[data-v-be15e3dc]{color:#666;font-size:12px;line-height:1.3}.toast-close[data-v-be15e3dc]{background:none;border:none;color:#999;cursor:pointer;font-size:14px;padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:4px;transition:all .2s ease}.toast-close[data-v-be15e3dc]:hover{background:#f0f0f0;color:#333}.toast-close[data-v-be15e3dc]:focus{outline:2px solid #007bff;outline-offset:1px}.retry-indicator[data-v-be15e3dc]{background:#fff3cd;border-top:1px solid #ffeaa7;padding:8px 16px;display:flex;align-items:center;gap:8px;font-size:12px;color:#856404}.retry-indicator i[data-v-be15e3dc]{font-size:12px}.toast-enter-active[data-v-be15e3dc],.toast-leave-active[data-v-be15e3dc]{transition:all .3s ease}.toast-enter-from[data-v-be15e3dc],.toast-leave-to[data-v-be15e3dc]{opacity:0;transform:translateX(100%)}.toast-move[data-v-be15e3dc]{transition:transform .3s ease}@media (max-width:480px){.error-toast-container[data-v-be15e3dc]{top:10px;right:10px;left:10px}.error-toast[data-v-be15e3dc]{max-width:none;min-width:0;width:100%}.toast-content[data-v-be15e3dc]{padding:12px}.toast-message p[data-v-be15e3dc]{font-size:13px}.toast-message small[data-v-be15e3dc]{font-size:11px}}.floating-contact-wrapper[data-v-23ffd925]{position:fixed;bottom:32px;right:32px;z-index:9999;font-family:Inter,sans-serif}.floating-contact-btn[data-v-23ffd925]{position:relative;width:64px;height:64px;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:50%;cursor:pointer;box-shadow:0 8px 25px rgba(99,102,241,.4);transition:all .3s cubic-bezier(.175,.885,.32,1.275);overflow:visible;display:flex;align-items:center;justify-content:center}.floating-contact-btn[data-v-23ffd925]:hover{transform:translateY(-4px) scale(1.05);box-shadow:0 12px 35px rgba(99,102,241,.5)}.floating-contact-btn[data-v-23ffd925]:active{transform:translateY(-2px) scale(1.02)}.btn-icon[data-v-23ffd925]{color:#fff;font-size:1.5rem;position:relative;z-index:2}.btn-pulse[data-v-23ffd925]{position:absolute;top:-4px;left:-4px;right:-4px;bottom:-4px;border:2px solid rgba(99,102,241,.6);border-radius:50%;animation:pulse-23ffd925 2s infinite}@keyframes pulse-23ffd925{0%{transform:scale(1);opacity:1}to{transform:scale(1.2);opacity:0}}.btn-tooltip[data-v-23ffd925]{position:absolute;right:80px;top:50%;transform:translateY(-50%);background:#1e293b;color:#fff;padding:12px 16px;border-radius:12px;font-size:.875rem;font-weight:500;white-space:nowrap;opacity:0;visibility:hidden;transition:all .3s ease;box-shadow:0 8px 25px rgba(0,0,0,.15)}.btn-tooltip.active[data-v-23ffd925]{opacity:1;visibility:visible;transform:translateY(-50%) translateX(-8px)}.tooltip-arrow[data-v-23ffd925]{position:absolute;right:-6px;top:50%;transform:translateY(-50%);width:0;height:0;border-left:6px solid #1e293b;border-top:6px solid transparent;border-bottom:6px solid transparent}.modal-overlay[data-v-23ffd925]{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:20px;z-index:10000}.modal-container[data-v-23ffd925]{background:#fff;border-radius:24px;max-width:500px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 25px 50px rgba(0,0,0,.2);position:relative}.modal-header[data-v-23ffd925]{display:flex;justify-content:space-between;align-items:center;padding:32px 32px 0 32px;border-bottom:1px solid #e2e8f0;margin-bottom:32px;padding-bottom:24px}.modal-title[data-v-23ffd925]{display:flex;align-items:center;gap:12px}.title-icon[data-v-23ffd925]{width:40px;height:40px;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.125rem}.modal-title h3[data-v-23ffd925]{font-size:1.5rem;font-weight:700;color:#1e293b;margin:0}.modal-close-btn[data-v-23ffd925]{width:40px;height:40px;background:#f8fafc;border:none;border-radius:10px;color:#64748b;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.modal-close-btn[data-v-23ffd925]:hover{background:#f1f5f9;color:#1e293b}.modal-content[data-v-23ffd925]{padding:0 32px 32px 32px}.modal-intro[data-v-23ffd925]{margin-bottom:24px}.modal-intro p[data-v-23ffd925]{color:#64748b;line-height:1.6;margin:0;font-size:.95rem}.modal-form[data-v-23ffd925]{display:flex;flex-direction:column;gap:20px}.form-group[data-v-23ffd925]{display:flex;flex-direction:column;gap:8px}.form-label[data-v-23ffd925]{font-size:.875rem;font-weight:600;color:#374151;margin-bottom:4px}.input-wrapper[data-v-23ffd925]{position:relative}.input-icon[data-v-23ffd925]{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#9ca3af;font-size:.875rem;z-index:1;pointer-events:none}.form-group .input-wrapper:has(.form-textarea) .input-icon[data-v-23ffd925],.textarea-wrapper .input-icon[data-v-23ffd925]{top:20px;transform:none}.form-input[data-v-23ffd925],.form-select[data-v-23ffd925],.form-textarea[data-v-23ffd925]{width:100%;padding:14px 14px 14px 64px;border:2px solid #e5e7eb;border-radius:12px;font-size:.9rem;color:#1f2937;background:#fff;transition:all .3s ease;font-family:inherit;box-sizing:border-box}.form-input[data-v-23ffd925]:focus,.form-select[data-v-23ffd925]:focus,.form-textarea[data-v-23ffd925]:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px rgba(99,102,241,.1)}.form-textarea[data-v-23ffd925]{resize:vertical;min-height:100px;line-height:1.5}.form-select[data-v-23ffd925]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;padding:14px 40px 14px 64px!important}.form-group.has-error .form-input[data-v-23ffd925],.form-group.has-error .form-select[data-v-23ffd925],.form-group.has-error .form-textarea[data-v-23ffd925]{border-color:#ef4444}.form-group.has-error .input-icon[data-v-23ffd925]{color:#ef4444}.error-message[data-v-23ffd925]{color:#ef4444;font-size:.8rem;font-weight:500;margin-top:4px}.form-actions[data-v-23ffd925]{display:flex;gap:12px;margin-top:16px;justify-content:flex-end}.btn[data-v-23ffd925]{padding:12px 24px;border-radius:12px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px;border:none}.btn-secondary[data-v-23ffd925]{background:#f8fafc;color:#64748b;border:1px solid #e2e8f0}.btn-secondary[data-v-23ffd925]:hover{background:#f1f5f9;color:#1e293b}.btn-primary[data-v-23ffd925]{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;box-shadow:0 4px 12px rgba(99,102,241,.3)}.btn-primary[data-v-23ffd925]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px rgba(99,102,241,.4)}.btn-primary[data-v-23ffd925]:disabled{opacity:.7;cursor:not-allowed;transform:none}.btn-spinner[data-v-23ffd925]{width:16px;height:16px;border:2px solid hsla(0,0%,100%,.3);border-top:2px solid #fff;border-radius:50%;animation:spin-23ffd925 1s linear infinite}@keyframes spin-23ffd925{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.notification-toast[data-v-23ffd925]{position:fixed;top:24px;right:24px;background:#fff;border-radius:16px;padding:20px;box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);display:flex;align-items:flex-start;gap:16px;max-width:400px;z-index:10001;border-left:4px solid}.notification-toast.success[data-v-23ffd925]{border-left-color:#10b981}.notification-toast.error[data-v-23ffd925]{border-left-color:#ef4444}.toast-icon[data-v-23ffd925]{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.125rem;flex-shrink:0}.notification-toast.success .toast-icon[data-v-23ffd925]{background:#d1fae5;color:#10b981}.notification-toast.error .toast-icon[data-v-23ffd925]{background:#fee2e2;color:#ef4444}.toast-content[data-v-23ffd925]{flex:1}.toast-title[data-v-23ffd925]{font-size:1rem;font-weight:600;color:#1e293b;margin-bottom:4px}.toast-message[data-v-23ffd925]{font-size:.875rem;color:#64748b;line-height:1.5}.toast-close[data-v-23ffd925]{background:none;border:none;color:#94a3b8;cursor:pointer;padding:4px;border-radius:4px;transition:all .3s ease}.toast-close[data-v-23ffd925]:hover{background:#f1f5f9;color:#64748b}.modal-enter-active[data-v-23ffd925],.modal-leave-active[data-v-23ffd925]{transition:all .3s ease}.modal-enter-from[data-v-23ffd925],.modal-leave-to[data-v-23ffd925]{opacity:0}.modal-enter-from .modal-container[data-v-23ffd925],.modal-leave-to .modal-container[data-v-23ffd925]{transform:scale(.9) translateY(20px)}.notification-enter-active[data-v-23ffd925],.notification-leave-active[data-v-23ffd925]{transition:all .4s ease}.notification-enter-from[data-v-23ffd925],.notification-leave-to[data-v-23ffd925]{opacity:0;transform:translateX(100%)}@media (max-width:768px){.floating-contact-wrapper[data-v-23ffd925]{bottom:24px;right:24px}.floating-contact-btn[data-v-23ffd925]{width:56px;height:56px}.btn-icon[data-v-23ffd925]{font-size:1.25rem}.btn-tooltip[data-v-23ffd925]{right:70px;font-size:.8rem;padding:10px 12px}.modal-overlay[data-v-23ffd925]{padding:16px}.modal-container[data-v-23ffd925]{border-radius:20px;max-height:85vh}.modal-header[data-v-23ffd925]{padding:24px 24px 0 24px;margin-bottom:24px;padding-bottom:20px}.modal-title h3[data-v-23ffd925]{font-size:1.25rem}.modal-content[data-v-23ffd925]{padding:0 24px 24px 24px}.form-actions[data-v-23ffd925]{flex-direction:column}.btn[data-v-23ffd925]{justify-content:center}.notification-toast[data-v-23ffd925]{top:16px;right:16px;left:16px;max-width:none}.input-icon[data-v-23ffd925]{left:16px!important;top:50%!important;transform:translateY(-50%)!important;font-size:.8rem}.form-input[data-v-23ffd925],.form-select[data-v-23ffd925],.form-textarea[data-v-23ffd925]{padding-left:48px;font-size:.875rem}.textarea-wrapper .input-icon[data-v-23ffd925]{top:20px!important;transform:none!important}}@media (max-width:480px){.floating-contact-wrapper[data-v-23ffd925]{bottom:20px;right:20px}.floating-contact-btn[data-v-23ffd925]{width:52px;height:52px}.btn-icon[data-v-23ffd925]{font-size:1.125rem}.btn-tooltip[data-v-23ffd925]{right:65px;font-size:.75rem;padding:8px 10px}.modal-header[data-v-23ffd925]{padding:20px 20px 0 20px;margin-bottom:20px;padding-bottom:16px}.modal-content[data-v-23ffd925]{padding:0 20px 20px 20px}.title-icon[data-v-23ffd925]{width:36px;height:36px;font-size:1rem}.modal-close-btn[data-v-23ffd925]{width:36px;height:36px}.input-icon[data-v-23ffd925]{left:16px!important;top:50%!important;transform:translateY(-50%)!important;font-size:.75rem}.form-input[data-v-23ffd925],.form-select[data-v-23ffd925],.form-textarea[data-v-23ffd925]{padding-left:48px;font-size:.8rem}.textarea-wrapper .input-icon[data-v-23ffd925]{top:18px!important;transform:none!important}}.btn[data-v-23ffd925]:focus,.floating-contact-btn[data-v-23ffd925]:focus,.modal-close-btn[data-v-23ffd925]:focus{outline:2px solid #6366f1;outline-offset:2px}@media (prefers-contrast:high){.floating-contact-btn[data-v-23ffd925]{border:2px solid #fff}.modal-container[data-v-23ffd925]{border:2px solid #1e293b}}@media (prefers-reduced-motion:reduce){.btn-pulse[data-v-23ffd925],.btn-spinner[data-v-23ffd925],.btn-tooltip[data-v-23ffd925],.floating-contact-btn[data-v-23ffd925]{transition:none;animation:none}.modal-enter-active[data-v-23ffd925],.modal-leave-active[data-v-23ffd925],.notification-enter-active[data-v-23ffd925],.notification-leave-active[data-v-23ffd925]{transition:none}}@media print{.floating-contact-wrapper[data-v-23ffd925],.modal-overlay[data-v-23ffd925],.notification-toast[data-v-23ffd925]{display:none}}@media screen and (max-width:768px){.btn,.nav-button,.option-button,button,input[type=button],input[type=submit]{min-height:44px!important;min-width:44px!important;padding:12px 16px!important;font-size:16px!important;border-radius:8px!important;margin:4px!important;-webkit-tap-highlight-color:rgba(0,0,0,.1);tap-highlight-color:rgba(0,0,0,.1)}input[type=email],input[type=number],input[type=tel],input[type=text],select,textarea{min-height:44px!important;padding:12px 16px!important;font-size:16px!important;border-radius:8px!important;border:2px solid #e2e8f0!important;-webkit-appearance:none;-moz-appearance:none;appearance:none}button:focus,input:focus,select:focus,textarea:focus{outline:3px solid #6366f1!important;outline-offset:2px!important;border-color:#6366f1!important}h1{font-size:2rem!important;line-height:1.2!important}h2{font-size:1.75rem!important;line-height:1.3!important}h3{font-size:1.5rem!important}h3,h4{line-height:1.4!important}h4{font-size:1.25rem!important}h5{font-size:1.125rem!important;line-height:1.5!important}li,p,span{font-size:1rem!important;line-height:1.6!important}.container,.content-section{padding:16px!important;margin:8px!important}.test-container{padding:12px!important}.question-navigator{overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;padding:8px 0!important;margin-bottom:16px!important}.question-navigator .navigator-scroll{display:flex!important;gap:8px!important;padding:0 16px!important;min-width:-moz-max-content!important;min-width:max-content!important}.nav-button{min-width:44px!important;min-height:44px!important;border-radius:8px!important;font-weight:600!important;background:#f8fafc!important;border:2px solid #e2e8f0!important;transition:all .2s ease!important}.nav-button.current{background:#6366f1!important;color:#fff!important;border-color:#6366f1!important}.nav-button.answered{background:#10b981!important;color:#fff!important;border-color:#10b981!important}.nav-button.touched{transform:scale(.95)!important;box-shadow:0 2px 8px rgba(99,102,241,.3)!important}.options{display:flex!important;flex-direction:column!important;gap:12px!important;margin:20px 0!important;padding:0!important;list-style:none!important}.option-button{width:100%!important;text-align:left!important;padding:16px 20px!important;background:#f8fafc!important;border:2px solid #e2e8f0!important;border-radius:12px!important;font-size:1rem!important;line-height:1.5!important;transition:all .2s ease!important;cursor:pointer!important}.option-button.selected,.option-button:hover{background:#eff6ff!important;border-color:#3b82f6!important;color:#1e40af!important}.option-button.option-touched{transform:scale(.98)!important;box-shadow:0 4px 12px rgba(59,130,246,.2)!important}.navigation{display:flex!important;gap:8px!important;margin-top:24px!important;flex-wrap:wrap!important}.nav-btn{flex:1!important;min-width:120px!important;padding:14px 20px!important;font-size:1rem!important;font-weight:600!important;border-radius:10px!important;transition:all .2s ease!important}.prev-btn{background:#f1f5f9!important;color:#475569!important;border:2px solid #e2e8f0!important}.next-btn{background:#3b82f6!important;color:#fff!important;border:2px solid #3b82f6!important}.submit-button{background:#10b981!important;color:#fff!important;border:2px solid #10b981!important}.nav-btn:disabled{opacity:.5!important;cursor:not-allowed!important}.nav-btn.nav-touched:not(:disabled){transform:translateY(-2px)!important;box-shadow:0 6px 16px rgba(0,0,0,.15)!important}.grammar-card,.kanji-card,.study-card{margin:8px 0!important;padding:16px!important;border-radius:12px!important;box-shadow:0 2px 8px rgba(0,0,0,.1)!important}.hiragana,.japanese-text,.kanji,.katakana{font-size:1.25rem!important;line-height:1.4!important;font-weight:500!important;letter-spacing:.05em!important}.progress-bar{height:8px!important;border-radius:4px!important;margin:16px 0!important}.modal,.overlay{padding:16px!important}.modal-content{max-width:calc(100vw - 32px)!important;max-height:calc(100vh - 64px)!important;border-radius:16px!important}.scrollable-content{-webkit-overflow-scrolling:touch!important;overflow-scrolling:touch!important}body{overflow-x:hidden!important}*,:after,:before{box-sizing:border-box!important}}@media screen and (max-width:480px){.container{padding:12px!important}h1{font-size:1.75rem!important}h2{font-size:1.5rem!important}h3{font-size:1.25rem!important}.navigation{flex-direction:column!important}.nav-btn{width:100%!important;margin:4px 0!important}.nav-button,.nav-question,.question-nav-btn{min-width:32px!important;min-height:32px!important;font-size:.875rem!important;padding:2px!important;text-overflow:ellipsis!important;overflow:hidden!important;white-space:nowrap!important;line-height:1!important}.nav-question.two-digit,.question-nav-btn.two-digit{font-size:.75rem!important}.nav-question.three-digit,.question-nav-btn.three-digit{font-size:.625rem!important;padding:1px!important}.grammar-card,.kanji-card,.study-card{padding:12px!important;margin:6px 0!important}}@media screen and (min-width:481px) and (max-width:768px){.navigation{flex-direction:row!important}.container{padding:20px!important}.options{display:grid!important;grid-template-columns:1fr 1fr!important;gap:12px!important}.options.single-column{grid-template-columns:1fr!important}}@media screen and (min-width:769px) and (max-width:1024px) and (orientation:portrait){.test-container{max-width:600px!important;margin:0 auto!important;padding:24px!important}.btn,button{min-height:48px!important;font-size:1.125rem!important}.question-navigator .navigator-scroll{justify-content:center!important;flex-wrap:wrap!important}}@media (hover:none) and (pointer:coarse){.btn:active,.option-button:active,button:active{transform:scale(.95)!important;transition:transform .1s ease!important}[role=button],a,button,input,select,textarea{min-height:44px!important;min-width:44px!important}}@media (prefers-color-scheme:dark) and (max-width:768px){.option-button{background:#1f2937!important;color:#f9fafb!important;border-color:#374151!important}.option-button.selected,.option-button:hover{background:#1e40af!important;border-color:#3b82f6!important;color:#fff!important}.nav-button{border-color:#374151!important}.grammar-card,.kanji-card,.nav-button,.study-card{background:#1f2937!important;color:#f9fafb!important}}@media (prefers-contrast:high) and (max-width:768px){.btn,button{border-width:3px!important}.option-button.selected{border-width:4px!important;font-weight:700!important}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.nav-btn.nav-touched,.nav-button.touched,.option-button.option-touched{transform:none!important}}.navigation,.options,.question-navigator,.test-container{contain:layout style paint!important;will-change:transform!important}html{scroll-behavior:smooth!important;-webkit-text-size-adjust:100%!important;-moz-text-size-adjust:100%!important;text-size-adjust:100%!important}@media screen and (max-width:768px){input[type=email],input[type=number],input[type=tel],input[type=text],select,textarea{font-size:16px!important}}#app,body,html{height:100%;margin:0;padding:0;font-family:Inter,Arial,sans-serif;background-color:#f4f4f4;color:#333;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}#app{display:flex;flex-direction:column;min-height:100vh}.content{flex:1;display:flex;flex-direction:column}@media (max-width:768px){body,html{font-size:16px;overflow-x:hidden}#app{min-height:100vh;min-height:-webkit-fill-available}}