.password-input-wrapper {
    position: relative;
    width: 100%;
}

.password-input-field {
    background-color: var(--card-bg);
    padding: var(--spacing-md);
    border-radius: var(--border-radius-sm);
    font-size: 1.2rem;
    font-family: monospace;
    border: 2px solid var(--border-color);
    width: 100%;
    color: var(--text-color);
    transition: border-color var(--transition-normal), box-shadow var(--transition-normal);
    margin-bottom: var(--spacing-md);
}

.password-input-field:hover,
.password-input-field:focus {
    border-color: var(--primary-color);
    box-shadow: var(--shadow-sm);
    outline: none;
}

.toggle-password-btn {
    position: absolute;
    right: 1rem;
    top: 50%;
    transform: translateY(-100%);
    background: none;
    border: none;
    cursor: pointer;
    font-size: 1.2rem;
    color: var(--text-color);
    opacity: 0.6;
    transition: opacity 0.2s;
}

.toggle-password-btn:hover {
    opacity: 1;
}

.check-crack-time {
    font-size: 0.9rem;
    color: var(--text-color);
    margin-top: var(--spacing-sm);
    text-align: left;
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
}