/* Shared auth form styling for Technex pages - Light mode */
html body .custom-auth-box {
    background: #ffffff !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 14px !important;
    box-shadow: 0 4px 24px rgba(0,0,0,0.06) !important;
    box-sizing: border-box !important;
}

html body .custom-auth-box h2 {
    color: #111827 !important;
}

html body .custom-form-group label {
    color: #374151 !important;
}

html body .custom-form-group > label {
    display: inline-flex;
    align-items: center;
    gap: 2px;
}

html body .auth-required-mark {
    color: #ef4444 !important;
    font-weight: 700;
    line-height: 1;
}

html body .custom-form-group input:not([type="checkbox"]),
html body .custom-form-group select,
html body .custom-form-group textarea {
    background: #f9fafb !important;
    border: 1px solid #e5e7eb !important;
    color: #111827 !important;
    border-radius: 10px !important;
    transition: border-color 0.25s ease, box-shadow 0.25s ease, background 0.25s ease !important;
}

html body .password-wrapper input,
html body .custom-captcha-display,
html body .custom-form-group input[type="text"],
html body .custom-form-group input[type="password"],
html body .custom-form-group input[type="email"],
html body .custom-form-group textarea {
    background: #ffffff !important;
    color: #111827 !important;
}

html body #regCountry,
html body select.technex-country-select {
    background: #ffffff !important;
    color: #111827 !important;
    width: 100% !important;
    height: 54px !important;
    min-height: 54px !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 8px !important;
    padding: 0 20px !important;
    font-size: 14px !important;
    outline: none !important;
    box-sizing: border-box !important;
    appearance: auto !important;
    -webkit-appearance: menulist !important;
}

html body .custom-auth-box h2.auth-section-title {
    color: #111827 !important;
    margin: 0 0 36px 0 !important;
    font-weight: 600 !important;
    font-size: clamp(24px, 4vw, 28px) !important;
    text-align: center !important;
    line-height: 1.2 !important;
    letter-spacing: -0.025em !important;
}

html body .custom-form-group input::placeholder,
html body .custom-form-group textarea::placeholder {
    color: #9ca3af !important;
}

html body .custom-form-group input:not([type="checkbox"]):hover,
html body .custom-form-group input:not([type="checkbox"]):focus,
html body .custom-form-group input:not([type="checkbox"]):active,
html body .custom-form-group select:hover,
html body .custom-form-group select:focus,
html body .custom-form-group textarea:hover,
html body .custom-form-group textarea:focus {
    border-color: #5B5FF8 !important;
    box-shadow: 0 0 0 3px rgba(91, 95, 248, .08) !important;
    background: #ffffff !important;
}

html body .custom-auth-btn {
    background: #5B5FF8 !important;
    color: #ffffff !important;
    box-shadow: none !important;
    border-radius: 10px !important;
    transition: background-color 0.2s ease !important;
}

html body .custom-auth-btn:hover {
    background: #4f53df !important;
}

html body .custom-auth-btn:disabled {
    background: #e5e7eb !important;
    color: #9ca3af !important;
    cursor: not-allowed !important;
}

html body .custom-footer-link {
    color: #6b7280 !important;
    margin-top: 28px !important;
}

html body .custom-auth-redirect-color {
    color: #5B5FF8 !important;
    font-weight: 600 !important;
}

html body .auth-label-row {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    width: 100% !important;
    margin-bottom: 0 !important;
}

html body .auth-label-row label {
    margin: 0 !important;
}

html body .auth-forgot-link {
    color: #6b7280 !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    flex-shrink: 0 !important;
}

html body .auth-forgot-link:hover {
    color: #111827 !important;
    text-decoration: underline !important;
}

html body .custom-forgot-white-link a {
    color: #6b7280 !important;
}

html body .custom-forgot-white-link a:hover {
    color: #111827 !important;
}

html body .custom-captcha-display {
    background: #ffffff !important;
    border: 1px solid #e5e7eb !important;
    color: #374151 !important;
}

html body .eye-icon {
    fill: none !important;
    stroke: currentColor !important;
    transition: stroke 0.2s ease !important;
}
.lottie-eye-icon { width: 22px; height: 22px; display: block; }
.lottie-eye-icon svg { stroke: currentColor !important; transition: stroke 0.2s ease !important; }

html body .toggle-password-btn {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
    padding: 0 !important;
    margin: 0 !important;
    appearance: none !important;
    -webkit-appearance: none !important;
    color: #9ca3af !important;
    transition: color 0.2s ease !important;
    cursor: pointer !important;
}
html body .toggle-password-btn:hover {
    transform: translateY(-50%) scale(1.1) !important;
}

html body .auth-form-extra {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 20px !important;
    width: 100% !important;
    margin-top: 28px !important;
}

html body .auth-form-extra .custom-footer-link {
    margin: 0 !important;
    width: 100% !important;
    text-align: center !important;
    line-height: 1.4 !important;
}

html body .auth-form-extra .auth-google-title {
    width: 100% !important;
    line-height: 1.4 !important;
}

html body .auth-form-extra .technex-google-signin-button {
    width: 100% !important;
}

html body .custom-form-group:has(+ .technex-turnstile-group) {
    margin-bottom: 0 !important;
}

html body .technex-turnstile-group {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    gap: 0 !important;
    padding: 25px 0 !important;
    align-items: center !important;
    justify-content: center !important;
}

html body .remember-login-group {
    margin-bottom: 0 !important;
}

html body .technex-turnstile-group + .custom-auth-btn {
    margin-top: 0 !important;
}

html body .technex-turnstile-widget {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    min-height: 65px !important;
    line-height: 0 !important;
}

html body .technex-turnstile-widget > div {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 auto !important;
}

html body .technex-turnstile-widget iframe {
    display: block !important;
    margin: 0 auto !important;
    vertical-align: middle !important;
}

html body .technex-turnstile-error {
    margin: 8px 0 0;
    font-size: 0.82rem;
    color: #b91c1c;
    text-align: center;
    line-height: 1.45;
}

html body .technex-turnstile-retry {
    margin-left: 6px;
    padding: 2px 8px;
    border: 1px solid #fecaca;
    border-radius: 6px;
    background: #fff;
    color: #b91c1c;
    cursor: pointer;
    font-size: 0.8rem;
}

html body .auth-add-account-hint {
    margin: 0 0 16px;
    padding: 10px 12px;
    border-radius: 10px;
    background: #5b5ff8/8;
    background: rgba(91, 95, 248, 0.08);
    color: #4338ca;
    font-size: 0.88rem;
    line-height: 1.45;
    text-align: center;
}

html body .auth-google-section {
    margin-top: 28px !important;
    padding-top: 0 !important;
    border-top: none !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 20px !important;
    width: 100% !important;
}

html body .auth-google-title {
    color: #6b7280 !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    text-align: center !important;
    width: 100% !important;
    margin: 0 !important;
}

html body .technex-google-signin-button {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    min-height: 44px !important;
}

html body .technex-google-signin-button > div,
html body .technex-google-signin-button iframe {
    margin: 0 auto !important;
}

html body .hero-section::before {
    display: none !important;
    content: none !important;
}

html body .cyber-glow-bg {
    background: radial-gradient(circle, rgba(81,0,214,.04) 0%, transparent 65%) !important;
}